Changes

no edit summary
Line 1: Line 1:  +
<languages/>
 +
<translate>
 +
</translate>
 
{{#seo:
 
{{#seo:
 
|title=Custom Email custom feature - SimplyBook.me
 
|title=Custom Email custom feature - SimplyBook.me
Line 4: Line 7:  
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, email customization, custom email, adjusting email look, custom email look, customized emails, nice-looking emails,  
 
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, email customization, custom email, adjusting email look, custom email look, customized emails, nice-looking emails,  
 
}}
 
}}
 +
<translate>
 +
<!--T:1-->
 
<br><br><br><br>
 
<br><br><br><br>
 
[[File:Custom email logo.png|left]]<br>Would you like to send your clients and staff attractive email notifications with own customizable branding, links, buttons, and many other options? Enabling this custom feature gives you access to the HTML editor where you can easily drag and drop various content blocks, add images, text, contact details, etc. Please just mind that the booking or purchase related content, as well as adding of the corresponding variables is to be edited either in Settings -> Email and SMS settings if you are using common appointent notification templates, or in the specific custom feature settings in case you have customized notifications.
 
[[File:Custom email logo.png|left]]<br>Would you like to send your clients and staff attractive email notifications with own customizable branding, links, buttons, and many other options? Enabling this custom feature gives you access to the HTML editor where you can easily drag and drop various content blocks, add images, text, contact details, etc. Please just mind that the booking or purchase related content, as well as adding of the corresponding variables is to be edited either in Settings -> Email and SMS settings if you are using common appointent notification templates, or in the specific custom feature settings in case you have customized notifications.
 
<br><br>
 
<br><br>
 +
 +
<!--T:2-->
 +
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' This custom feature is available with paid subscriptions only.</span>
 +
 +
 +
<!--T:3-->
 +
'''Video tutorial available''' [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=3GZJzUrm0cs]]
 
<br><br>
 
<br><br>
'''Please note'''<br>
+
<br><br>
Currently available customization is present for the following email templates:
+
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span><br>
 +
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Currently available customization is present for the following email templates:</span>
 
* Main booking-related notifications from Settings -> Email and SMS Settings;
 
* Main booking-related notifications from Settings -> Email and SMS Settings;
* Invoices emails from [[Accept_payments_custom_feature|Accept payments]] custom feature;
+
* [[Special:MyLanguage/Group_Bookings_custom_feature|Group bookings]] custom feature notifications;
* [[Group_Bookings_custom_feature|Group bookings]] custom feature notifications;
+
* [[Special:MyLanguage/Multiple_Bookings_custom_feature|Multiple bookings]] custom feature notifications;
* [[Multiple_Bookings_custom_feature|Multiple bookings]] custom feature notifications;
+
* [[Special:MyLanguage/Client_Login_custom_feature|Client login]] custom feature notifications;
* [[Client_Login_custom_feature|Client login]] custom feature notifications;
+
* [[Special:MyLanguage/Membership_custom_feature|Membership]] custom feature notifications;
* [[Membership_custom_feature|Membership]] custom feature notifications;
+
* [[Special:MyLanguage/Packages_custom_feature|Packages]] custom feature notifications;
* [[Packages_custom_feature|Packages]] custom feature notifications;
+
* [[Special:MyLanguage/Tickets_custom_feature|Tickets]] custom feature notifications;
* [[Tickets_custom_feature|Tickets]] custom feature notifications;
+
* [[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);
* [[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);
+
* [[Special:MyLanguage/Medical_test_custom_feature|Medical test]] custom feature notifications;
* [[Medical_test_custom_feature|Medical test]] custom feature notifications;
+
* [[Special:MyLanguage/Book_Soon_Notification_System_custom_feature|Book Soon custom feature]] notifications.
* [[Book_Soon_Notification_System_custom_feature|Book Soon custom feature]] notifications.
   
<br><br>
 
<br><br>
       +
<!--T:4-->
 
;How to use
 
;How to use
 
: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.
 
: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.
Line 32: Line 45:  
<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. 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>
:Add template name and hit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create</span> button to get to the editing mode.
+
: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.
[[File:Custom email plugin create template from pre-made.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>
Line 47: Line 60:  
: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. 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>
 
:Without this tag the customization will not be applied to the notification and it will be sent as plain text.
 
:Without this tag the customization will not be applied to the notification and it will be sent as plain text.
:'''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 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>
 
[[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) 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.
:'''Please note!''' The templates are regularly automatically saved so you do not need to manually save them.
+
:<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>
 
[[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>
Line 57: Line 70:  
[[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. 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>
+
: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.
 +
[[File:Custom email clone template.png|1200px|border|center]]
 +
<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>
 
[[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>
:9. 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. 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.
 
[[File:Custom email plugin test email.png|1200px|border|center]]
 
[[File:Custom email plugin test email.png|1200px|border|center]]
 
<br><br>
 
<br><br>
:10. 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 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>
 
[[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>
:11. Send <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test emails</span> to check the look with sample content.
+
:12. Send <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test emails</span> to check the look with sample content.
 
[[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>
: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>
+
: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>
 
[[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>
: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>
+
: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>
 
: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.  
 
: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.  
 
:Save settings once done.
 
:Save settings once done.
 
[[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>
: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>
+
: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>
 
: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.
 
: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.
 
[[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>
 +
</translate>