Віджет запису на вашому сайті
Оновлено 12 жовтня 2026 р.
Віджет ставить форму запису на ваш власний сайт: клієнт обирає послугу, день і час і записується, не переходячи в Slotsy. Налаштовується в Налаштування → Віджет бронювання; сторінку відкривають власник і адміністратор.
Увімкнути
Увімкніть Увімкнути віджет і натисніть Зберегти зміни внизу — без збереження нічого на сторінці не діє. Коли віджет увімкнено, у рядку URL віджета видно його власну адресу; значок поруч відкриває її в новій вкладці. Поки віджет вимкнено, код на вашому сайті показує «Віджет онлайн-запису наразі вимкнено».
Налаштування
| Блок | Налаштування | Що робить |
|---|---|---|
| Зовнішній вигляд | Основний колір | Колір шапки й кнопок: палітра, піпетка або hex-код |
| Зовнішній вигляд | Тема | Світла або Темна; Авто зараз виглядає як світла |
| Зовнішній вигляд | Показувати значок "Powered by" | Невеликий рядок Slotsy внизу віджета |
| Зовнішній вигляд | Текст кнопки, Позиція кнопки | Для режиму «Плаваюча кнопка»: Внизу справа або Внизу зліва. Сама кнопка — кругла з іконкою календаря; текст читають програми екранного доступу, на кнопці він не пишеться |
| Фільтр контенту | Послуги | Усі послуги або Обрати конкретних..., щоб показати лише позначені |
| Фільтр контенту | Мова за замовчуванням | Українська, English або Polski; мова записується в код, тож після зміни скопіюйте код заново |
| Дозволені домени | список сайтів | Залиште порожнім. Список звіряється з адресою, з якої працює сам віджет (slotsy.io), а не з вашим сайтом, тож заповнений список зупиняє останній крок — сам запис |
Показувати логотип компанії і фільтр Персонал на сторінці теж є, але віджет їх поки не враховує: логотип із налаштувань компанії видно завжди, коли він є, а на кроці часу показано всіх майстрів, вільних цього дня.
Колір і тему віджет бере зі збережених налаштувань щоразу, коли відкривається. Мова й колір плаваючої кнопки записані в коді.
Отримати код
У блоці Код для вбудовування оберіть Що вбудувати: Віджет бронювання або одну зі сторінок студії (Головна, Розклад, Послуги, Ціни та інші) — сторінка вставляється як <iframe> висотою 600 px. Для віджета оберіть Режим вбудовування:
| Режим | Що бачить клієнт |
|---|---|
| Спливаюче вікно | Вашу кнопку; форма відкривається у вікні поверх сторінки. Escape або клік поза вікном закриває його |
| Плаваюча кнопка | Круглу кнопку в кутку кожної сторінки, де стоїть код |
| Вбудований | Форму просто всередині сторінки |
Натисніть Копіювати і вставте код туди, де конструктор сайту приймає HTML (блок «HTML» або «Код»). Код завантажує https://slotsy.io/widget/widget.js; більше вашому сайту нічого не потрібно. У режимі «Спливаюче вікно» код містить кнопку з написом «Book Now» — замініть його в коді на свій.
Код режиму «Вбудований» з цієї сторінки сам форму не покаже: допишіть data-container="#slotsy-widget" усередині його тегу <script> або оберіть «Спливаюче вікно».
Попередній перегляд має дві вкладки: Live відкриває ваш справжній віджет або будь-яку сторінку студії (список Сторінка, Відкрити в новій вкладці); Макет — малюнок, що показує колір і тему ще до збереження.
Що проходить клієнт
- Оберіть послугу — послуги з тривалістю й ціною.
- День у календарі, потім Оберіть час: будь-який майстер або конкретний під «або оберіть майстра» (у режимі соло цього немає). Підтвердити.
- Ваші дані: ім'я, прізвище, email, телефон, примітки. Якщо послугу можна оплатити онлайн і способів більше одного, клієнт тут обирає, як платити.
- Над кнопкою: блок Скасування з вашою межею й вашим текстом, «Ваші дані обробляє…» з назвою компанії, порожні галочки розсилки (Slotsy і ваша, якщо ви її пропонуєте) і рядок «Підтверджуючи, ви приймаєте правила скасування вище.» або галочка «Я приймаю правила скасування вище.» Якщо ви вимагаєте підтвердження правил, кнопка неактивна, доки галочку не поставлено, а сервер запис без неї відхиляє.
- Підтвердити запис. Якщо запис чекає вашого підтвердження, кнопка називається Надіслати запит, рядок над нею каже, за скільки годин ви відповісте, а в кінці клієнт бачить «Бронювання створено!» замість «Запис підтверджено!».
Оплата карткою відбувається всередині віджета. BLIK, Przelewy24 та інші способи з переходом відкривають сторінку оплати на все вікно, і після оплати клієнт потрапляє на сторінку вашої студії в Slotsy, а не назад на ваш сайт. Якщо послугу оплачують лише онлайн, а онлайн-оплату не налаштовано, клієнт бачить прохання звернутися до студії.
Порада: Після збереження відкрийте свій сайт у приватному вікні, зробіть один тестовий запис через віджет і скасуйте його в адмінці.
Чого віджет не робить
Клієнт записується на одну послугу за раз і не входить в акаунт. Купити абонемент у віджеті не можна — це лишається на сторінці студії.
Що далі?
- Правила скасування — межа, ваш текст і галочка
- Політики та згоди — галочки розсилки й що зберігається як згода
- Підтвердження бронювань — коли запис чекає на вас
- Поділитися сторінкою запису — посилання й QR-коди