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