Widgets for your own website/uk: Difference between revisions
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 34: | Line 34: | ||
<br> | <br> | ||
Ця функція дозволяє генерувати код iframe спеціально для послуги, постачальника, [[Special:MyLanguage/Service_Categories_custom_feature |категорії]] або [[Special:MyLanguage/Multiple_Locations_custom_feature|місця]], які ви маєте. Наприклад, якщо у вас є 2 послуги А і В, і ви вибрали послугу А як попередньо визначену, віджет відкриється на цій послузі, пропускаючи крок вибору послуги. Ця функція може бути корисною, якщо вам потрібно відобразити тільки певні послуги на конкретній сторінці вашого веб-сайту. Кроки для створення коду такі самі, як і вище, тільки в налаштуваннях віджета виберіть елемент, який потрібно попередньо визначити. | |||
Ця функція дозволяє генерувати код iframe спеціально для послуги, постачальника, [[ | |||
[[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]] | [[File:Widget predefined values redesigned.png|1200px| center|link=https://help.simplybook.me/images/e/ed/Widget_predefined_values_redesigned.png]] | ||
| Line 63: | Line 61: | ||
[[File:Predefined client result view.png|center]] | [[File:Predefined client result view.png|center]] | ||
<br><br> | <br><br> | ||
== Віджети для [[Special:MyLanguage/Client_Login_custom_feature|входу клієнта]], [[Special:MyLanguage/Packages_custom_feature|пакетів]], [[Special:MyLanguage/Membership_custom_feature|членства]], [[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|подарункових карток]] == | |||
== Віджети для [[Client_Login_custom_feature|входу клієнта]], [[Packages_custom_feature|пакетів]], [[Membership_custom_feature|членства]], [[Coupons_and_Gift_Cards_custom_feature|подарункових карток]] == | |||
<br><br> | <br><br> | ||
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Зверніть увагу!''' Наразі це працює тільки з віджетами iFrame і не працює з віджетами кнопки бронювання та кнопки контакту.</span><br> | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Зверніть увагу!''' Наразі це працює тільки з віджетами iFrame і не працює з віджетами кнопки бронювання та кнопки контакту.</span><br> | ||
| Line 70: | Line 67: | ||
Якщо ви використовуєте одну або кілька з цих функцій, може знадобитися додати віджет, який дозволить вашим клієнтам користуватися цією опцією на вашому веб-сайті.<br> | Якщо ви використовуєте одну або кілька з цих функцій, може знадобитися додати віджет, який дозволить вашим клієнтам користуватися цією опцією на вашому веб-сайті.<br> | ||
Це можна зробити простим способом, додавши відповідний елемент <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"> «navigate»</span> до коду віджета: | Це можна зробити простим способом, додавши відповідний елемент <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"> «navigate»</span> до коду віджета: | ||
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Вхід клієнта]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «client/sign-in»</span> | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Client_Login_custom_feature|Вхід клієнта]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «client/sign-in»</span> | ||
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|Пакети]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «packages»</span> | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Packages_custom_feature|Пакети]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «packages»</span> | ||
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|Членство]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «membership»</span> | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Membership_custom_feature|Членство]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «membership»</span> | ||
*<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Подарункові картки]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «gift-card»</span> | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|Подарункові картки]]</span> - <span style="background-color:#fef3de; padding:5px; border-radius:5px;"> «navigate»: «gift-card»</span> | ||
<br><br> | <br><br> | ||
Приклад коду віджета <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Coupons_and_Gift_Cards_custom_feature|подарункових карток]]</span>:<br><br> | |||
Приклад коду віджета <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|подарункових карток]]</span>:<br><br | |||
<code><script src="//simplybook.it/v2/widget/widget.js"></script> | <code><script src="//simplybook.it/v2/widget/widget.js"></script> | ||
<script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/demo.simplybook.it",'''"navigate":"gift-card",'''"theme":"default","theme_settings":{"timeline_show_end_time":"0","timeline_modern_display":"as_slots","sb_base_color":"#0cadef","display_item_mode":"block","booking_nav_bg_color":"#80d0f2","body_bg_color":"#f7f7f7","dark_font_color":"#494949","light_font_color":"#ffffff","btn_color_1":"#5e7da7","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#dad2ce","sb_available":"#0cadef"},"timeline":"modern","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script></code> | <script>var widget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/demo.simplybook.it",'''"navigate":"gift-card",'''"theme":"default","theme_settings":{"timeline_show_end_time":"0","timeline_modern_display":"as_slots","sb_base_color":"#0cadef","display_item_mode":"block","booking_nav_bg_color":"#80d0f2","body_bg_color":"#f7f7f7","dark_font_color":"#494949","light_font_color":"#ffffff","btn_color_1":"#5e7da7","sb_company_label_color":"#ffffff","hide_img_mode":"0","show_sidebar":"1","sb_busy":"#dad2ce","sb_available":"#0cadef"},"timeline":"modern","datepicker":"inline_datepicker","is_rtl":false,"app_config":{"predefined":[]}});</script></code> | ||
| Line 107: | Line 101: | ||
;Віджети з попередньо визначеною послугою, постачальником, категорією або місцем розташування. | ;Віджети з попередньо визначеною послугою, постачальником, категорією або місцем розташування. | ||
Ця функція дозволяє генерувати код iframe спеціально для послуги, постачальника, [[ | Ця функція дозволяє генерувати код iframe спеціально для послуги, постачальника, [[Special:MyLanguage/Service_Categories_custom_feature|категорії]] або [[Special:MyLanguage/Multiple_Locations_custom_feature |місця розташування]], які ви маєте. Наприклад, якщо у вас є 2 послуги A і B, і ви вибрали послугу A як попередньо визначену, віджет відкриється на цій послузі, пропускаючи крок вибору послуги. Ця функція може бути корисною, якщо вам потрібно відобразити тільки певні послуги на певній сторінці вашого веб-сайту. Кроки для створення коду такі самі, як і вище, тільки в налаштуваннях віджета виберіть елемент, який потрібно попередньо визначити. | ||
<br><br> | <br><br> | ||
= Віджет кнопки бронювання та контактів = | = Віджет кнопки бронювання та контактів = | ||
<br><br> | <br><br> | ||
:1. Увімкніть <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[ | :1. Увімкніть <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Special:MyLanguage/Contact_Widget_custom_feature |віджет контактів]]</span> у <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">розділі «Налаштування»</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Для розробки</span>». | ||
[[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]] | [[File:Contact widget enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/8/8c/Contact_widget_enable_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
| Line 122: | Line 113: | ||
[[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]] | [[File:Contact widget settings path redesigned.png|1200px|border| center|link=https://help.simplybook.me/images/0/09/Contact_widget_settings_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
[[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]] | [[File:Contact widget design path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/7/74/Contact_widget_design_path_redesigned.png]] | ||
<br><br> | <br><br> | ||