Custom Email custom feature/uk: Difference between revisions

From SimplyBook.me
Created page with "'''Відеоурок доступний''' за посиланням link=https://www.youtube.com/watch?v=3GZJzUrm0cs <br><br> <br><br> <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Зверніть увагу!'''</span><br> <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Наразі доступні наступні шаблони електронних листів, які можна на..."
No edit summary
Tags: Mobile edit Mobile web edit
 
(2 intermediate revisions by 2 users not shown)
Line 13: Line 13:




'''Відеоурок доступний''' за посиланням [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=3GZJzUrm0cs]]
'''Відеоурок доступний''' за посиланням <p><youtube>3GZJzUrm0cs</youtube></p>
<br><br>
<br><br>
<br><br>
<br><br>
Line 31: Line 31:




<div lang="en" dir="ltr" class="mw-content-ltr">
;Як користуватися
;How to use
:1. Увімкніть функцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштовані електронні листи»</span> на сторінці <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштовані функції»</span> в розділі <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Зовнішній вигляд</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. Натисніть на посилання <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Створити шаблон»</span>, щоб перейти до редактора та налаштувати свій перший шаблон.
[[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. Виберіть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Створити з шаблонів»</span>, якщо хочете вибрати один із наших готових варіантів, або <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Створити новий порожній»</span>, щоб почати додавати всі елементи з нуля.<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.
:Додайте назву шаблону для порожнього шаблону (готові шаблони можна перейменувати під час редагування) і натисніть кнопку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Створити»</span>, щоб перейти до режиму редагування.
[[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. Додавайте/редагуйте текстові блоки, додавайте зображення, посилання, меню, стовпці, завантажуйте логотип вашої компанії, використовуйте кольори бренду та багато іншого за допомогою вбудованого редактора.<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.
:Використовуйте інструменти в правій частині сторінки та візуалізацію в центрі, перетягуйте та налаштовуйте потрібні елементи, щоб отримати необхідний вигляд.
[[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. Ви також можете перейти в режим <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Мобільний»</span>, щоб налаштувати вигляд електронної пошти для мобільних телефонів.
[[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. Важливо <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">додати тег <nowiki>{{content}}</nowiki></span> у потрібне місце в шаблоні, оскільки в реальних електронних листах він буде замінений інформацією, пов'язаною з бронюванням/покупкою.<br>
:Without this tag the customization will not be applied to the notification and it will be sent as plain text.
:Без цього тегу налаштування не буде застосовано до повідомлення, і воно буде надіслано у вигляді простого тексту.
:<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;">'''Зверніть увагу!''' Усі змінні, пов'язані з даними про зустрічі або покупки, слід використовувати лише в <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">розділі «Налаштування»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштування електронної пошти та SMS»</span> або у відповідних опціях <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">налаштування</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.
:(опціонально) Ви також можете використовувати <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{name}}</nowiki></span> та <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{email}}</nowiki></span> тут, якщо вам потрібно відобразити ім'я та/або електронну адресу одержувача окремо від основного змісту повідомлення.
:<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;">'''Зверніть увагу!''' Шаблони регулярно автоматично зберігаються, тому вам не потрібно зберігати їх вручну.</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. Використовуйте опцію <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Перегляд</span> внизу, щоб перевірити вигляд.
[[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. (опціонально) Якщо вам потрібні схожі дизайни з невеликими змінами або з іншим вмістом, скористайтеся опцією <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Клонувати»</span>, щоб створити копію раніше збереженого шаблону.
[[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]] <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">листа</span>[[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. Після того як всі необхідні шаблони готові, поверніться до <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштовані функції»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Зовнішній вигляд»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштований електронний лист».</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;">Виберіть шаблон</span> для кожного <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">типу повідомлення.</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. Надішліть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">тестові електронні листи</span>, щоб перевірити вигляд із зразком вмісту.
[[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. Якщо ви хочете встановити один і той самий шаблон для всіх типів повідомлень в одному блоці, скористайтеся <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">опціями випадаючого меню</span> праворуч <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. Якщо ви маєте різні користувацькі функції з увімкненими власними типами повідомлень, ви зможете побачити відповідні <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">блоки</span> в налаштуваннях <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">користувацького електронного листа</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.  
:Відкрийте <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">кожен блок</span> і встановіть шаблони для повідомлень, яким ви хочете надати індивідуальний вигляд.  
:Save settings once done.
:Збережіть налаштування після завершення.
[[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. Також можна використовувати індивідуальні електронні листи, коли потрібно вручну надіслати електронний лист з <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">розділу «Звіти»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Деталі бронювання»</span> або <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Звіти»</span> -&gt; <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Клієнти».</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.
:Просто встановіть потрібні прапорці, натисніть кнопку <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Надіслати електронний лист</span> » і <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">виберіть шаблон</span>, який потрібно застосувати, у першому спадному меню у спливаючому вікні. Додайте тему та вміст. Надішліть повідомлення.
[[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>

Latest revision as of 10:31, 23 September 2025






Хочете надсилати своїм клієнтам та співробітникам привабливі повідомлення електронною поштою з власним налаштованим брендингом, посиланнями, кнопками та багатьма іншими опціями? Увімкнувши цю налаштовану функцію, ви отримаєте доступ до HTML-редактора, де можна легко перетягувати різні блоки вмісту, додавати зображення, текст, контактні дані тощо. Зверніть увагу, що вміст, пов'язаний із бронюванням або покупкою, а також додавання відповідних змінних, потрібно редагувати в розділі «Налаштування» -> «Налаштування електронної пошти та SMS», якщо ви використовуєте загальні шаблони повідомлень про зустрічі, або в налаштуваннях конкретної налаштованої функції, якщо ви налаштували повідомлення.



Зверніть увагу! Ця спеціальна функція доступна тільки для платних підписок.


Відеоурок доступний за посиланням





Зверніть увагу!
Наразі доступні наступні шаблони електронних листів, які можна налаштувати:




Як користуватися
1. Увімкніть функцію «Налаштовані електронні листи» на сторінці «Налаштовані функції» в розділі «Зовнішній вигляд ».



2. Натисніть на посилання «Створити шаблон», щоб перейти до редактора та налаштувати свій перший шаблон.



3. Виберіть «Створити з шаблонів», якщо хочете вибрати один із наших готових варіантів, або «Створити новий порожній», щоб почати додавати всі елементи з нуля.
Додайте назву шаблону для порожнього шаблону (готові шаблони можна перейменувати під час редагування) і натисніть кнопку «Створити», щоб перейти до режиму редагування.



4. Додавайте/редагуйте текстові блоки, додавайте зображення, посилання, меню, стовпці, завантажуйте логотип вашої компанії, використовуйте кольори бренду та багато іншого за допомогою вбудованого редактора.
Використовуйте інструменти в правій частині сторінки та візуалізацію в центрі, перетягуйте та налаштовуйте потрібні елементи, щоб отримати необхідний вигляд.



5. Ви також можете перейти в режим «Мобільний», щоб налаштувати вигляд електронної пошти для мобільних телефонів.



6. Важливо додати тег {{content}} у потрібне місце в шаблоні, оскільки в реальних електронних листах він буде замінений інформацією, пов'язаною з бронюванням/покупкою.
Без цього тегу налаштування не буде застосовано до повідомлення, і воно буде надіслано у вигляді простого тексту.
Зверніть увагу! Усі змінні, пов'язані з даними про зустрічі або покупки, слід використовувати лише в розділі «Налаштування» -> «Налаштування електронної пошти та SMS» або у відповідних опціях налаштування.



(опціонально) Ви також можете використовувати {{name}} та {{email}} тут, якщо вам потрібно відобразити ім'я та/або електронну адресу одержувача окремо від основного змісту повідомлення.
Зверніть увагу! Шаблони регулярно автоматично зберігаються, тому вам не потрібно зберігати їх вручну.



7. Використовуйте опцію Перегляд внизу, щоб перевірити вигляд.



8. (опціонально) Якщо вам потрібні схожі дизайни з невеликими змінами або з іншим вмістом, скористайтеся опцією «Клонувати», щоб створити копію раніше збереженого шаблону.

листа



9. Після того як всі необхідні шаблони готові, поверніться до «Налаштовані функції» -> «Зовнішній вигляд» -> «Налаштований електронний лист».



10. Виберіть шаблон для кожного типу повідомлення.



11. Надішліть тестові електронні листи, щоб перевірити вигляд із зразком вмісту.



12. Якщо ви хочете встановити один і той самий шаблон для всіх типів повідомлень в одному блоці, скористайтеся опціями випадаючого меню праворуч .



13. Якщо ви маєте різні користувацькі функції з увімкненими власними типами повідомлень, ви зможете побачити відповідні блоки в налаштуваннях користувацького електронного листа.
Відкрийте кожен блок і встановіть шаблони для повідомлень, яким ви хочете надати індивідуальний вигляд.
Збережіть налаштування після завершення.



14. Також можна використовувати індивідуальні електронні листи, коли потрібно вручну надіслати електронний лист з розділу «Звіти» -> «Деталі бронювання» або «Звіти» -> «Клієнти».
Просто встановіть потрібні прапорці, натисніть кнопку «Надіслати електронний лист » і виберіть шаблон, який потрібно застосувати, у першому спадному меню у спливаючому вікні. Додайте тему та вміст. Надішліть повідомлення.