Custom Email custom feature/nl: Difference between revisions

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>