From SimplyBook.me
Created page with "= віджет iFrame = :1. На адміністративній сторінці [https://simplybook.me/ Simplybook] отримайте код у <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 "= Віджет кнопки бронювання = :1. На адміністративній сторінці [https://simplybook.me/ Simplybook] отримайте код у <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">розділі «Налаштування»</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">«Налаштування віджетів бронювання»</span> -> <span style="backg..." |
||
| Line 30: | Line 30: | ||
[[File:Squarespace website look.png|center]] | [[File:Squarespace website look.png|center]] | ||
<br><br> | <br><br> | ||
= Віджет кнопки бронювання = | |||
= | :1. На адміністративній сторінці [https://simplybook.me/ Simplybook] отримайте код у <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. | |||
[[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | [[File:Booking widget path redesigned.png|1200px | center|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]] | ||
<br><br> | <br><br> | ||
:2. | :2. У вашому обліковому записі Squarespace перейдіть на сторінку, на яку ви хочете додати код, перейдіть в режим редагування та виберіть додати блок «Код». | ||
[[File:Squarespace add new block.png | center]] | [[File:Squarespace add new block.png|center]] | ||
<br><br> | <br><br> | ||
[[File:Squarespace select code block.png | center]] | [[File:Squarespace select code block.png|center]] | ||
<br><br> | <br><br> | ||
:3. | :3. Вставте код, отриманий на сторінці адміністратора [https://simplybook.me/ Simplybook], на вашу сторінку Squarespace. | ||
[[File:Squarespace add code.png | center]] | [[File:Squarespace add code.png|center]] | ||
<br><br> | <br><br> | ||
:4. | :4. Збережіть сторінку та перевірте вигляд. | ||
[[File:Squarespace booking button widget new.png | center]] | [[File:Squarespace booking button widget new.png|center]] | ||
<br><br> | <br><br> | ||
Revision as of 08:54, 18 June 2025
віджет iFrame
- 1. На адміністративній сторінці Simplybook отримайте код у Налаштування -> Налаштування віджетів бронювання -> Віджет iFrame
- 2. У своєму обліковому записі Squarespace виберіть сторінку, на яку плануєте вставити календар бронювання. Рекомендуємо використовувати нову сторінку в головному меню, призначену спеціально для онлайн-бронювання.
- Ви можете назвати її «Забронювати зараз», «Онлайн-бронювання» або «Календар».
- 3. Відкрийте редактор сторінки. Видаліть стандартний блок бронювання.
- 4. Натисніть «+» у верхньому правому куті та виберіть «Код» у меню блоків.
- 5. Вставте код, отриманий на сторінці адміністратора Simplybook, у поле HTML-коду та натисніть «Застосувати».
- 6. Може з'явитися повідомлення про те, що вбудовані скрипти вимкнені - це зроблено на стороні Squarespace з міркувань безпеки, але ви можете натиснути «Перегляд», щоб перевірити, чи працює віджет.
- 7. Або ви можете опублікувати веб-сайт і перейти на нього як клієнт, щоб перевірити, як він виглядає.
Віджет кнопки бронювання
- 1. На адміністративній сторінці Simplybook отримайте код у розділі «Налаштування» -> «Налаштування віджетів бронювання» -> «Кнопка бронювання»
- 2. У вашому обліковому записі Squarespace перейдіть на сторінку, на яку ви хочете додати код, перейдіть в режим редагування та виберіть додати блок «Код».
- 3. Вставте код, отриманий на сторінці адміністратора Simplybook, на вашу сторінку Squarespace.
- 4. Збережіть сторінку та перевірте вигляд.
