Віджет «Вбудована сторінка бронювання» розміщує вашу повну сторінку бронювання Barberly всередині сторінки вашого сайту, в iframe. Клієнти проходять усе бронювання, не переходячи на інший сайт. Його можна використати для окремої сторінки бронювання або додати на головну сторінку, сторінки послуг чи сторінку контактів.
Створіть новий екземпляр#
- Увійдіть в обліковий запис Barberly на portal.barberly.com.
- Перейдіть до МенюДодаткиВсі віджети.
- Натисніть Вбудована сторінка бронювання.
- Виберіть Створити новий екземпляр.
- Дайте екземпляру назву, наприклад «Основна сторінка бронювання».
Налаштування#
- URL-адреса для бронювання
- URL вашої сторінки бронювання Barberly.
- Висота
- Висота вбудованої сторінки, наприклад «100%» на всю висоту або значення в пікселях, як-от «600px».
Стилі#
- Радіус кордону
- Наскільки заокруглені кути.
- Тінь від коробки
- Тінь навколо віджета.
Вбудована сторінка підлаштовується під розмір екрана. На комп'ютері вона показує повний інтерфейс бронювання, а на мобільних пристроях інтерфейс пристосовується до меншого екрана.
Додайте сторінку на сайт#
Попередній перегляд показує, як виглядатиме вбудована сторінка. Пройдіть процес бронювання, щоб перевірити, що все працює.
- Скопіюйте код із розділу Скопіюйте цей код на свій сайт.
- Вставте його в HTML сайту там, де має бути сторінка бронювання.
- Збережіть і опублікуйте сайт.
Приклад коду:
<div id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="embed_262b1c5d48b64c16a9786cd8ebbbecd3" data-container-id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></script>Кроки для окремих платформ описано в інструкціях для WordPress, Wix і Squarespace.
Кілька екземплярів#
Ви можете створити більше екземплярів вбудованої сторінки для різних розділів сайту. Повторіть описані вище кроки в Вбудована сторінка бронювання. Кожен екземпляр має власний код інтеграції.
Оновлення вбудованої сторінки на сайті#
Відкрийте екземпляр у МенюДодаткиВсі віджети, внесіть зміни та збережіть. Вбудована сторінка на сайті оновиться автоматично, тож змінювати код на сайті не потрібно.
Якщо сторінка показується неправильно#
- Переконайтеся, що контейнер достатньо широкий і високий для інтерфейсу бронювання.
- Перевірте, чи немає конфліктів CSS зі стилями вашого сайту.
- Перевірте, чи правильна URL-адреса бронювання.
- Переконайтеся, що політика безпеки вмісту (CSP) на сайті не блокує iframe.