Line 13: |
Line 13: |
| | | |
| | | |
− | <div lang="en" dir="ltr" class="mw-content-ltr">
| + | '''Video-Tutorial verfügbar'''[[File:Youtube-Logo.png|link=https://youtu.be/JHlwYE38_oM?feature=shared]] |
− | '''Video tutorial available''' [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=3GZJzUrm0cs]] | |
| <br><br> | | <br><br> |
| <br><br> | | <br><br> |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span><br> | + | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Bitte beachten Sie!'''</span><br> |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Currently available customization is present for the following email templates:</span> | + | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Die derzeit verfügbare Anpassung ist für die folgenden E-Mail-Vorlagen verfügbar:</span> |
− | * Main booking-related notifications from Settings -> Email and SMS Settings; | + | |
− | * Invoices emails from [[Special:MyLanguage/Accept_payments_custom_feature|Accept payments]] custom feature;
| + | * Die wichtigsten buchungsbezogenen Benachrichtigungen unter Einstellungen -> E-Mail- und SMS-Einstellungen; |
− | * [[Special:MyLanguage/Group_Bookings_custom_feature|Group bookings]] custom feature notifications; | + | * [[Special:MyLanguage/Group_Bookings_custom_feature|Gruppenbuchungen]] individuelle Funktion Benachrichtigungen; |
− | * [[Special:MyLanguage/Multiple_Bookings_custom_feature|Multiple bookings]] custom feature notifications; | + | * Benutzerdefinierte Benachrichtigungen für [[Special:MyLanguage/Multiple_Bookings_custom_feature|mehrere Buchungen]]; |
− | * [[Special:MyLanguage/Client_Login_custom_feature|Client login]] custom feature notifications; | + | * Benutzerdefinierte Benachrichtigungen für [[Special:MyLanguage/Client_Login_custom_feature|die Kundenanmeldung]]; |
− | * [[Special:MyLanguage/Membership_custom_feature|Membership]] custom feature notifications; | + | * Benachrichtigungen über die individuelle Funktion [[Special:MyLanguage/Membership_custom_feature|Mitgliedschaft]]; |
− | * [[Special:MyLanguage/Packages_custom_feature|Packages]] custom feature notifications; | + | * Pakete individuelle Feature-[[Special:MyLanguage/Packages_custom_feature|Benachrichtigungen]]; |
− | * [[Special:MyLanguage/Tickets_custom_feature|Tickets]] custom feature notifications; | + | * Benutzerdefinierte Benachrichtigungen für [[Special:MyLanguage/Tickets_custom_feature|Tickets]]; |
− | * [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Coupons & Gift Cards]] custom feature notifications(both: client side purchase on Custom features page and admin side manual issuing in coupons and gift cards management); | + | * Benachrichtigungen über individuelle [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Coupons und Geschenkkarten]] (sowohl für den Kauf auf der Seite für individuelle Funktionen als auch für die manuelle Ausstellung von Coupons und Geschenkkarten in der Verwaltung); |
− | * [[Special:MyLanguage/Medical_test_custom_feature|Medical test]] custom feature notifications; | + | * Benutzerdefinierte Benachrichtigungen für [[Special:MyLanguage/Medical_test_custom_feature|medizinische Tests]]; |
− | * [[Special:MyLanguage/Book_Soon_Notification_System_custom_feature|Book Soon custom feature]] notifications. | + | * Benachrichtigungen über die individuelle Funktion [[Special:MyLanguage/Book_Soon_Notification_System_custom_feature|Bald buchen]]. |
| <br><br> | | <br><br> |
− | </div>
| |
| | | |
| | | |
− | <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.<br> |
− | :<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.<br> |
− | :<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>
| |