Custom Email custom feature/nl: Difference between revisions

From SimplyBook.me
Created page with "<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Let op!''' Deze aangepaste functie is alleen beschikbaar bij betaalde abonnementen.</span>"
 
Created page with "'''Videotutorial beschikbaar''' link=https://www.youtube.com/watch?v=3GZJzUrm0cs <br><br> <br><br> <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Let op!'''</span><br> <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Momenteel zijn de volgende e-mailsjablonen aanpasbaar:</span> *Belangrijke meldingen met betrekking tot boekingen via Instellingen -> E-mail- en sms-instellingen; * Aangepaste me..."
Line 31: Line 31:




<div lang="en" dir="ltr" class="mw-content-ltr">
;Hoe gebruik je
;How to use
:1. Schakel de functie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Aangepaste e-mail</span> in op de pagina <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Aangepaste functies</span>, onder het gedeelte <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Uiterlijk</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 enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/4/40/Custom_email_enable_path_redesigned.png]]
[[File:Custom email enable path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/4/40/Custom_email_enable_path_redesigned.png]]
<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. Klik op de link <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Sjabloon maken</span> om naar de editor te gaan en je eerste sjabloon in te stellen.
[[File:Custom domain settings path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/ef/Custom_domain_settings_path_redesigned.png]]
[[File:Custom domain settings path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/ef/Custom_domain_settings_path_redesigned.png]]
<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. Selecteer ofwel <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Maken op basis van sjablonen</span> als je een van onze mooie vooraf gemaakte opties wilt selecteren, ofwel <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Nieuw leeg maken</span> om alle elementen vanaf nul toe te voegen.<br>
: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.
:Voer een sjabloonnaam in voor het lege sjabloontype (vooraf gemaakte sjablonen kunnen tijdens het bewerken worden hernoemd) en klik op de knop <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Maken</span> om naar de bewerkingsmodus te gaan.
[[File:Create new custom email template path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/62/Create_new_custom_email_template_path_redesigned.png]]
[[File:Create new custom email template path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/62/Create_new_custom_email_template_path_redesigned.png]]
<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. Voeg tekstblokken toe/bewerk ze, voeg afbeeldingen, links, menu's en kolommen toe, upload uw bedrijfslogo, gebruik merkkleuren en nog veel meer met de geïntegreerde editor.<br>
: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.
:Gebruik de tools aan de rechterkant van de pagina en de visualisatie in het midden, sleep en zet de gewenste elementen neer om de gewenste look te krijgen.
[[File:Using editor custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/1/15/Using_editor_custom_email_redesigned.png]]
[[File:Using editor custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/1/15/Using_editor_custom_email_redesigned.png]]
[[File:Using editor blocks custom email empty template redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/9/92/Using_editor_blocks_custom_email_empty_template_redesigned.png]]
[[File:Using editor blocks custom email empty template redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/9/92/Using_editor_blocks_custom_email_empty_template_redesigned.png]]
<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. U kunt ook overschakelen naar de <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">mobiele</span> modus om de look van e-mails voor mobiele telefoons aan te passen.
[[File:Mobile view custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/8/84/Mobile_view_custom_email_redesigned.png]]
[[File:Mobile view custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/8/84/Mobile_view_custom_email_redesigned.png]]
<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. Het is belangrijk <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">om de tag <nowiki>{{content}}</nowiki></span> op de gewenste plaats in de sjabloon <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">toe te voegen</span>, omdat deze in echte e-mails wordt vervangen door de informatie met betrekking tot de boeking/aankoop.<br>
:Without this tag the customization will not be applied to the notification and it will be sent as plain text.
:Zonder deze tag wordt de aanpassing niet toegepast op de melding en wordt deze als platte tekst verzonden.
:<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;">'''Let op!''' Alle variabelen die betrekking hebben op afspraken of aankoopgegevens mogen alleen worden gebruikt in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instellingen</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">E-mail- en sms-instellingen</span> of in de bijbehorende <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">aangepaste functieopties</span>.</span>
[[File:Variables overview redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/d/d3/Variables_overview_redesigned.png]]
[[File:Variables overview redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/d/d3/Variables_overview_redesigned.png]]
<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.
:(optioneel) U kunt ook <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{name}}</nowiki></span> en <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{email}}</nowiki></span> tags gebruiken als u de naam en/of het e-mailadres van de ontvanger apart van de hoofdtekst van de melding wilt weergeven.
:<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;">'''Let op!''' De sjablonen worden regelmatig automatisch opgeslagen, dus u hoeft ze niet handmatig op te slaan.</span>
[[File:Custom email tags path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/3/3b/Custom_email_tags_path_redesigned.png]]
[[File:Custom email tags path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/3/3b/Custom_email_tags_path_redesigned.png]]
<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. Gebruik de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Voorbeeld</span> onderaan om het resultaat te bekijken.
[[File:Preview option custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/f/ff/Preview_option_custom_email_redesigned.png]]
[[File:Preview option custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/f/ff/Preview_option_custom_email_redesigned.png]]
<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. (optioneel) Als u vergelijkbare ontwerpen nodig hebt met slechts enkele kleine wijzigingen of met andere inhoud, gebruik dan de optie <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Klonen</span> om een kopie te maken van de eerder opgeslagen sjabloon.
[[File:Custom email clone template path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/e1/Custom_email_clone_template_path_redesigned.png]]
[[File:Custom email clone template path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/e/e1/Custom_email_clone_template_path_redesigned.png]]
<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. Zodra alle benodigde sjablonen klaar zijn, gaat u terug naar <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Aangepaste functies</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Uiterlijk -</span> &gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Aangepaste e-mail.</span>
<br><br>
<br><br>
:10. 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>
:10. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Selecteer de sjabloon</span> voor elk <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">type melding.</span>
[[File:Select template per notification type custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/9/9a/Select_template_per_notification_type_custom_email_redesigned.png]]
[[File:Select template per notification type custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/9/9a/Select_template_per_notification_type_custom_email_redesigned.png]]
<br><br>
<br><br>
:11. Send <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test emails</span> to check the look with sample content.
:11. Stuur <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test-e-mails</span> om het uiterlijk te controleren met voorbeeldinhoud.
[[File:Send test email option for custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/9/92/Send_test_email_option_for_custom_email_redesigned.png]]
[[File:Send test email option for custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/9/92/Send_test_email_option_for_custom_email_redesigned.png]]
<br><br>
<br><br>
:12. 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>
:12. Als u dezelfde sjabloon wilt instellen voor alle meldingstypen binnen één blok, gebruikt u <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">de opties in het vervolgkeuzemenu</span> aan de rechterkant <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">.</span>
[[File:Set template for all notifications custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/5/56/Set_template_for_all_notifications_custom_email_redesigned.png]]
[[File:Set template for all notifications custom email redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/5/56/Set_template_for_all_notifications_custom_email_redesigned.png]]
<br><br>
<br><br>
:13. 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>
:13. Als u verschillende aangepaste functies met eigen meldingstypen hebt ingeschakeld, ziet u de bijbehorende <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">blokken</span> in de instellingen <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">voor aangepaste e-mail</span>.<br>
: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.  
:Open <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">elk blok</span> en stel de sjablonen in voor de meldingen die u een aangepast uiterlijk wilt geven.  
:Save settings once done.
:Sla de instellingen op als u klaar bent.
[[File:Custom email cf templates list redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/3/3a/Custom_email_cf_templates_list_redesigned.png]]
[[File:Custom email cf templates list redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/3/3a/Custom_email_cf_templates_list_redesigned.png]]
<br><br>
<br><br>
:14. 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>
:14. Het is ook mogelijk om aangepaste e-mails te gebruiken wanneer u handmatig een e-mail moet verzenden vanuit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Rapporten</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Boekingsdetails</span> of <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Rapporten</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Klanten.</span><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.
:Vink daar de gewenste vakjes aan, klik op de knop <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">E-mail verzenden</span> en <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">kies</span> in de eerste vervolgkeuzelijst in het pop-upvenster <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">de sjabloon</span> die u wilt gebruiken. Voeg een onderwerp en inhoud toe. Verzend het bericht.
[[File:Apply custom email template from report redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/2/22/Apply_custom_email_template_from_report_redesigned.png]]
[[File:Apply custom email template from report redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/2/22/Apply_custom_email_template_from_report_redesigned.png]]
<br><br><br><br>
<br><br><br><br>
</div>

Revision as of 14:45, 19 May 2025






Wilt u uw klanten en medewerkers aantrekkelijke e-mailmeldingen sturen met uw eigen aanpasbare huisstijl, links, knoppen en vele andere opties? Als u deze aangepaste functie inschakelt, krijgt u toegang tot de HTML-editor waar u eenvoudig verschillende inhoudsblokken kunt slepen en neerzetten, afbeeldingen, tekst, contactgegevens enz. kunt toevoegen. Houd er rekening mee dat de inhoud met betrekking tot de boeking of aankoop, evenals het toevoegen van de bijbehorende variabelen, moet worden bewerkt in Instellingen -> E-mail- en sms-instellingen als u algemene sjablonen voor afspraakbevestigingen gebruikt, of in de specifieke instellingen voor aangepaste functies als u aangepaste meldingen hebt.



Let op! Deze aangepaste functie is alleen beschikbaar bij betaalde abonnementen.


Videotutorial beschikbaar



Let op!
Momenteel zijn de volgende e-mailsjablonen aanpasbaar:




Hoe gebruik je
1. Schakel de functie Aangepaste e-mail in op de pagina Aangepaste functies, onder het gedeelte Uiterlijk.



2. Klik op de link Sjabloon maken om naar de editor te gaan en je eerste sjabloon in te stellen.



3. Selecteer ofwel Maken op basis van sjablonen als je een van onze mooie vooraf gemaakte opties wilt selecteren, ofwel Nieuw leeg maken om alle elementen vanaf nul toe te voegen.
Voer een sjabloonnaam in voor het lege sjabloontype (vooraf gemaakte sjablonen kunnen tijdens het bewerken worden hernoemd) en klik op de knop Maken om naar de bewerkingsmodus te gaan.



4. Voeg tekstblokken toe/bewerk ze, voeg afbeeldingen, links, menu's en kolommen toe, upload uw bedrijfslogo, gebruik merkkleuren en nog veel meer met de geïntegreerde editor.
Gebruik de tools aan de rechterkant van de pagina en de visualisatie in het midden, sleep en zet de gewenste elementen neer om de gewenste look te krijgen.



5. U kunt ook overschakelen naar de mobiele modus om de look van e-mails voor mobiele telefoons aan te passen.



6. Het is belangrijk om de tag {{content}} op de gewenste plaats in de sjabloon toe te voegen, omdat deze in echte e-mails wordt vervangen door de informatie met betrekking tot de boeking/aankoop.
Zonder deze tag wordt de aanpassing niet toegepast op de melding en wordt deze als platte tekst verzonden.
Let op! Alle variabelen die betrekking hebben op afspraken of aankoopgegevens mogen alleen worden gebruikt in Instellingen -> E-mail- en sms-instellingen of in de bijbehorende aangepaste functieopties.



(optioneel) U kunt ook {{name}} en {{email}} tags gebruiken als u de naam en/of het e-mailadres van de ontvanger apart van de hoofdtekst van de melding wilt weergeven.
Let op! De sjablonen worden regelmatig automatisch opgeslagen, dus u hoeft ze niet handmatig op te slaan.



7. Gebruik de optie Voorbeeld onderaan om het resultaat te bekijken.



8. (optioneel) Als u vergelijkbare ontwerpen nodig hebt met slechts enkele kleine wijzigingen of met andere inhoud, gebruik dan de optie Klonen om een kopie te maken van de eerder opgeslagen sjabloon.



9. Zodra alle benodigde sjablonen klaar zijn, gaat u terug naar Aangepaste functies -> Uiterlijk - > Aangepaste e-mail.



10. Selecteer de sjabloon voor elk type melding.



11. Stuur test-e-mails om het uiterlijk te controleren met voorbeeldinhoud.



12. Als u dezelfde sjabloon wilt instellen voor alle meldingstypen binnen één blok, gebruikt u de opties in het vervolgkeuzemenu aan de rechterkant .



13. Als u verschillende aangepaste functies met eigen meldingstypen hebt ingeschakeld, ziet u de bijbehorende blokken in de instellingen voor aangepaste e-mail.
Open elk blok en stel de sjablonen in voor de meldingen die u een aangepast uiterlijk wilt geven.
Sla de instellingen op als u klaar bent.



14. Het is ook mogelijk om aangepaste e-mails te gebruiken wanneer u handmatig een e-mail moet verzenden vanuit Rapporten -> Boekingsdetails of Rapporten -> Klanten.
Vink daar de gewenste vakjes aan, klik op de knop E-mail verzenden en kies in de eerste vervolgkeuzelijst in het pop-upvenster de sjabloon die u wilt gebruiken. Voeg een onderwerp en inhoud toe. Verzend het bericht.