From SimplyBook.me
No edit summary |
Created page with ":4. Натисніть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Додати вміст»</span> і виберіть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Custom HTML»</span> (Налаштований <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span>) border|center <br><br> :5. Перейдіть до свого <span style="background-color:#d..." |
||
| Line 16: | Line 16: | ||
[[File:Shopify select custom content.png|border|center]] | [[File:Shopify select custom content.png|border|center]] | ||
<br><br> | <br><br> | ||
< | :4. Натисніть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Додати вміст»</span> і виберіть <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Custom HTML»</span> (Налаштований <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span>) | ||
[[File:Select html.png|border|center]] | [[File:Select html.png|border|center]] | ||
<br><br> | <br><br> | ||
:5. | :5. Перейдіть до свого <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">облікового запису SimplyBook.me</span> -> <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;">Віджет iFrame</span> | ||
[[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | [[File:Booking widget path redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
:6. | :6. Налаштуйте дизайн на свій смак і потреби, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">отримайте код віджета.</span> | ||
[[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]] | [[File:Copy widget code redesigned.png|1200px|border|center|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]] | ||
<br><br> | <br><br> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes | :7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes | ||
Revision as of 08:11, 1 July 2025
Якщо ви користуєтеся Shopify і хочете додати можливість бронювання на свій веб-сайт, ми маємо для вас ідеальне рішення!
Наш віджет iFrame дозволяє підключити веб-сайт Shopify до SimplyBook.com і дати можливість вашим клієнтам бронювати послуги прямо з веб-сайту як з ПК, так і з мобільних пристроїв. Це рішення зробить процес бронювання більш зручним і простим.
- Як встановити
- 1. Перейдіть до «Інтернет-магазин» -> «Теми» -> «Налаштувати» у вашому обліковому записі Shopify.
- 2. Виберіть розділ, який ви хочете редагувати, зліва або додайте новий.
- 3. Виберіть «Додати власний вміст».
- 4. Натисніть «Додати вміст» і виберіть «Custom HTML» (Налаштований HTML)
- 5. Перейдіть до свого облікового запису SimplyBook.me -> Налаштування -> Налаштування віджетів бронювання -> Віджет iFrame
- 6. Налаштуйте дизайн на свій смак і потреби, отримайте код віджета.
- 7. Copy the whole code from the popup and insert it to HTML field on Shopify side. Adjust container width if necessary. Save the changes
- 8. As the result you will see how the booking widget looks like right away.
