From SimplyBook.me
Created page with ":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> у вашому <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">обліковому запис..." |
Created page with ":7. Скопіюйте весь код із спливаючого вікна та вставте його в поле <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> на стороні Shopify. За необхідності відрегулюйте ширину контейнера. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Збережіть</span> зміни File:Insert html to shopify side.png|borde..." |
||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
Наш віджет iFrame дозволяє підключити веб-сайт Shopify до SimplyBook.com і дати можливість вашим клієнтам бронювати послуги прямо з веб-сайту як з ПК, так і з мобільних пристроїв. Це рішення зробить процес бронювання більш зручним і простим. | Наш віджет iFrame дозволяє підключити веб-сайт Shopify до SimplyBook.com і дати можливість вашим клієнтам бронювати послуги прямо з веб-сайту як з ПК, так і з мобільних пристроїв. Це рішення зробить процес бронювання більш зручним і простим. | ||
;Як встановити | ;Як встановити | ||
: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;"> | :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> у вашому <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">обліковому записі Shopify.</span> | ||
[[File:Shopify customize theme.png|border|center]] | [[File:Shopify customize theme.png|border|center]] | ||
<br><br> | <br><br> | ||
| Line 17: | 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;"> | :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> | ||
| Line 26: | Line 25: | ||
[[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> | ||
:7. Скопіюйте весь код із спливаючого вікна та вставте його в поле <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> на стороні Shopify. За необхідності | :7. Скопіюйте весь код із спливаючого вікна та вставте його в поле <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> на стороні Shopify. За необхідності відрегулюйте ширину контейнера. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Збережіть</span> зміни | ||
[[File:Insert html to shopify side.png|border|center]] | [[File:Insert html to shopify side.png|border|center]] | ||
<br><br> | <br><br> | ||
:8. | :8. У результаті ви одразу побачите, як виглядає віджет бронювання. | ||
[[File:Shopify widget result.png|border|center]] | [[File:Shopify widget result.png|border|center]] | ||
<br><br><br><br> | <br><br><br><br> | ||
Latest 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. Скопіюйте весь код із спливаючого вікна та вставте його в поле HTML на стороні Shopify. За необхідності відрегулюйте ширину контейнера. Збережіть зміни
- 8. У результаті ви одразу побачите, як виглядає віджет бронювання.
