Line 32: |
Line 32: |
| | | |
| | | |
− | <div lang="en" dir="ltr" class="mw-content-ltr">
| + | ;So verwenden Sie es |
− | ;How to use | + | 1. Aktivieren Sie die Funktion <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Benutzerdefinierte E-Mail</span> auf der Seite <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Individuelle Funktionen</span> im Abschnitt <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Look and Feel.</span> |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Email</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Look and Feel</span> section.
| |
| [[File:Custom email plugin enable path.png|1200px|border|center]] | | [[File:Custom email plugin enable path.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create template</span> link to get to the editor and be able to setup your first template.
| + | 2. Klicken Sie auf den Link <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Vorlage erstellen</span>, um zum Editor zu gelangen und Ihre erste Vorlage zu erstellen. |
| [[File:Custom email plugin settings path.png|1200px|border|center]] | | [[File:Custom email plugin settings path.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :3. Please select either <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create from templates</span> if you would like to select one of our beautiful premade options or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create new empty</span> to start adding all the elements from scratch.<br>
| + | 3. Bitte wählen Sie entweder <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Erstellen aus Vorlagen</span>, wenn Sie eine unserer schönen vorgefertigten Optionen auswählen möchten, oder Erstellen Sie eine <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">neue leere Vorlage</span>, um alle Elemente von Grund auf neu hinzuzufügen. |
− | :Add template name for the empty template type (pre-made templates can be renamed during editing) and hit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create</span> button to get to the editing mode.
| + | Fügen Sie einen Vorlagennamen für die leere Vorlage hinzu (vorgefertigte Vorlagen können während der Bearbeitung umbenannt werden) und klicken Sie auf die Schaltfläche <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Erstellen</span>, um in den Bearbeitungsmodus zu gelangen. |
| [[File:Custom email create from templates selection.png|1200px|border|center]] | | [[File:Custom email create from templates selection.png|1200px|border|center]] |
| [[File:Custom email plugin create empty template.png|1200px|border|center]] | | [[File:Custom email plugin create empty template.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :4. Add/Edit text blocks, add images, links, menus, columns, upload your company logo, use brand colors, and many more with the integrated editor.<br>
| + | 4. Fügen Sie Textblöcke hinzu/bearbeiten Sie diese, fügen Sie Bilder, Links, Menüs, Spalten hinzu, laden Sie Ihr Firmenlogo hoch, verwenden Sie Markenfarben und vieles mehr mit dem integrierten Editor. |
− | :Please use the tools on the right side of the page and visualization in the center, drag and drop, adjust the desired elements to get the necessary look.
| + | Verwenden Sie die Werkzeuge auf der rechten Seite der Seite und die Visualisierung in der Mitte, ziehen Sie die gewünschten Elemente per Drag & Drop und passen Sie sie an, um das gewünschte Aussehen zu erhalten. |
| [[File:Custom email plugin template editing sections.png|1200px|border|center]] | | [[File:Custom email plugin template editing sections.png|1200px|border|center]] |
| [[File:Custom email plugin template editing blocks.png|1200px|border|center]] | | [[File:Custom email plugin template editing blocks.png|1200px|border|center]] |
| [[File:Custom email plugin template editing overview.png|1200px|border|center]] | | [[File:Custom email plugin template editing overview.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :5. You can also switch to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Mobile</span> mode to adjust email look for mobile phones.
| + | 5. Sie können auch in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">den mobilen Modus</span> wechseln, um das Aussehen der E-Mail für Mobiltelefone anzupassen. |
| [[File:Custom email plugin template mobile editor.png|1200px|border|center]] | | [[File:Custom email plugin template mobile editor.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :6. It is important <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">to add <nowiki>{{content}}</nowiki> tag</span> to the desired place in the template as in real emails it will be replaced with the booking/purchase related information.<br>
| + | 6. Es ist wichtig, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">den <nowiki>{{content}}</nowiki>-Tag an der gewünschten Stelle in der Vorlage einzufügen</span>, da er in echten E-Mails durch die buchungs-/kaufbezogenen Informationen ersetzt wird. |
− | :Without this tag the customization will not be applied to the notification and it will be sent as plain text.
| + | Ohne diesen Tag werden die Anpassungen nicht auf die Benachrichtigung angewendet und sie wird als reiner Text gesendet. |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' All variables that are related to appointments or purchases data should only be used either in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS Settings</span> or in the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">custom feature</span> options.</span>
| + | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bitte beachten Sie!''' Alle Variablen, die sich auf Termin- oder Kaufdaten beziehen, sollten nur entweder in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Einstellungen</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">E-Mail- und SMS-Einstellungen</span> oder in den entsprechenden benutzerdefinierten Funktionsoptionen verwendet werden.</span> |
| [[File:Variables for default templates.png|1200px|border|center]] | | [[File:Variables for default templates.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :(optional) You can also use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{name}}</nowiki></span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{email}}</nowiki></span> tags here in case you need to reflect recipient's name and/or email separately from main notification content.
| + | (optional) Sie können hier auch die Tags <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{name}}</nowiki></span> und <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{email}}</nowiki></span> verwenden, falls Sie den Namen und/oder die E-Mail-Adresse des Empfängers getrennt vom Hauptinhalt der Benachrichtigung anzeigen möchten. |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' The templates are regularly automatically saved so you do not need to manually save them.</span>
| + | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bitte beachten Sie!''' Die Vorlagen werden regelmäßig automatisch gespeichert, so dass Sie sie nicht manuell speichern müssen.</span> |
| [[File:Custom email plugin edit empty template content and tags.png|1200px|border|center]] | | [[File:Custom email plugin edit empty template content and tags.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :7. Use the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Preview</span> option at the bottom to check the look.
| + | 7. Verwenden Sie die Option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Vorschau</span> am unteren Rand, um das Aussehen zu überprüfen. |
| [[File:Custom email plugin template preview.png|1200px|border|center]] | | [[File:Custom email plugin template preview.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :8. (optional) In case you need similar designs with some small changes only or with different content please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clone</span> option to make a copy of the previously saved template.
| + | 8. (optional) Falls Sie ähnliche Designs mit einigen kleinen Änderungen oder mit anderem Inhalt benötigen, verwenden Sie bitte die Option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Klonen</span>, um eine Kopie der zuvor gespeicherten Vorlage zu erstellen. |
| [[File:Custom email clone template.png|1200px|border|center]] | | [[File:Custom email clone template.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :9. Once all the necessary templates are ready please go back to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Look and Feel</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom email.</span>
| + | 9. Sobald alle erforderlichen Vorlagen fertig sind, gehen Sie bitte zurück zu <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Benutzerdefinierte Funktionen</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Erscheinungsbild</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Individualisierte E-Mail.</span> |
| [[File:Custom email plugin select template per notification.png|1200px|border|center]] | | [[File:Custom email plugin select template per notification.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :10. In the very first block you will see your company <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">email address</span> by default. You can leave it like that or set another one for testing.
| + | 10. Im allerersten Block sehen Sie standardmäßig Ihre Firmen-E-Mail-Adresse. |
| [[File:Custom email plugin test email.png|1200px|border|center]] | | [[File:Custom email plugin test email.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :11. In the next block(s) please <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">select the template</span> for each <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">notification type.</span>
| + | 11. In den nächsten Blöcken wählen Sie bitte <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">die Vorlage</span> für jeden <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Benachrichtigungstyp</span> aus. |
| [[File:Custom email plugin select template per notification.png|1200px|border|center]] | | [[File:Custom email plugin select template per notification.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :12. Send <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test emails</span> to check the look with sample content.
| + | 12. Senden Sie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Test-E-Mails</span>, um das Aussehen mit einem Beispielinhalt zu überprüfen. |
| [[File:Custom email plugin send test email.png|1200px|border|center]] | | [[File:Custom email plugin send test email.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :13. If you would like to set same template for all the notifications types within one block please use right-side <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">drop-down menu options.</span>
| + | 13. Wenn Sie dieselbe Vorlage für alle Benachrichtigungstypen in einem Block einstellen möchten, verwenden Sie bitte die <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Dropdown-Menüoptionen</span> auf der rechten Seite. |
| [[File:Custom email plugin templates selection options.png|1200px|border|center]] | | [[File:Custom email plugin templates selection options.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :14. In case you have various custom features with own notification types enabled you will be able to see the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">blocks</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Email</span> settings.<br>
| + | 14. Falls Sie verschiedene individuelle Funktionen mit eigenen Benachrichtigungstypen aktiviert haben, können Sie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">die entsprechenden Blöcke</span> in den <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">benutzerdefinierten E-Mail-Einstellungen</span> sehen. |
− | :Please open <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">each block</span> and set the templates for the notifications you wish to have the customized look.
| + | Öffnen Sie die einzelnen Blöcke und legen Sie die Vorlagen für die Benachrichtigungen fest, die Sie im benutzerdefinierten Design erhalten möchten.<br> |
− | :Save settings once done.
| + | Speichern Sie die Einstellungen, sobald Sie fertig sind. |
| [[File:Custom email plugin templates for custom features.png|1200px|border|center]] | | [[File:Custom email plugin templates for custom features.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :15. It is also possible to use customized emails when you need to manually send some email from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings details</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients.</span><br>
| + | 15. Es ist auch möglich, individuelle E-Mails zu verwenden, wenn Sie manuell eine E-Mail über <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Berichte</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Buchungsdetails</span> oder <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Berichte</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Kunden</span> senden müssen.<br> |
− | :Just check the desired boxes there, click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Send E-mail</span> button and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">choose the template</span> to be applied in the first drop-down in the popup. Add subject and content. Send the message.
| + | Kreuzen Sie einfach die gewünschten Kästchen an, klicken Sie auf die <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Schaltfläche E-Mail</span> senden und wählen Sie die anzuwendende Vorlage in der ersten Dropdown-Liste im Popup-Fenster aus. Fügen Sie Betreff und Inhalt hinzu. Senden Sie die Nachricht. |
| [[File:Custom email plugin select template in emailing from report.png|1200px|border|center]] | | [[File:Custom email plugin select template in emailing from report.png|1200px|border|center]] |
| <br><br><br><br> | | <br><br><br><br> |
− | </div>
| |