Сфери застосування: Кому і навіщо потрібен модуль бронювання?
Модуль онлайн-запису від BooStore.pro — це універсальний інструмент автоматизації, який позбавляє бізнес від «ручного» управління розкладом, виключає помилки та дозволяє клієнтам бронювати послуги в режимі 24/7.
Послуги та фахівці
Ідеально для запису до лікарів, у салони краси, фітнес-центри або на приватні юридичні та бізнес-консультації.
Оренда ресурсів
Управління бронюванням столиків у ресторанах, масажних крісел, кабінетів або номерів у невеликих готелях.
Транспорт та прокат
Організація оренди автомобілів, велосипедів, самокатів або будівельної спецтехніки з контролем часу повернення.
Події та групи
Продаж місць на майстер-класи, групові екскурсії, вебінари або запис на спортивні заходи.
Гнучкість та логіка «Вільно/Зайнято»
Головна проблема більшості систем бронювання — їхня ізольованість. У BooStore.pro модуль запису є частиною «організму» статистики продажів. Це означає, що кожне бронювання — це реальне замовлення, а кожен часовий слот — це статус цього замовлення в реальному часі.
🤖 Автоматичний контроль слотів
Система розуміє зайнятість не просто за наявністю запису, а за статусом замовлення у вашій адмін-панелі. Як тільки клієнт обирає час і підтверджує форму, створюється замовлення.
Поки замовлення перебуває у статусах В обробці або Оплачено, система блокує цей час для інших користувачів. Вам не потрібно вручну «закривати» дати — алгоритм робить це миттєво.
👥 Групові записи (Multiply): Один слот — багато місць
Що робити, якщо у вас не один масажист, а три? Або ви продаєте 10 квитків на один майстер-клас? Тут стає в пригоді параметр data-booking-slot-allow-multiply.
⚡ Чому скасування в адмінці — це магія для сайту
Гнучкість BooStore.pro проявляється в моменти змін. Уявіть ситуацію: клієнт зателефонував і скасував запис. Ви заходите в статистику продажів і змінюєте статус замовлення на Скасовано.
Ця зв'язка працює і у зворотний бік: ви можете вручну створити замовлення в адмінці на певний час (наприклад, запис за телефоном), і сайт тут же «дізнається», що цей час тепер зайнятий.
Така архітектура виключає "людський фактор" і ризик овербукінгу (подвійних записів) на 100%.
Розумне управління часом
⏲️ Гнучкий крок часу (Time Slots)
Ви самі вирішуєте, як ділити робочий день. Параметр data-booking-slot-booking-time дозволяє задати крок у секундах. Бажаєте запис на швидкі консультації по 15 хвилин? Ставте 900. Потрібна оренда залу на 3 години? Ставте 10800.
🛡️ Динамічні ліміти та захист від «сюрпризів»
Система дозволяє налаштувати горизонт планування так, щоб це було зручно вашому персоналу.
- Мінімальний поріг: Обмежте запис «не раніше ніж за X годин». Це врятує вас від ситуації, коли клієнт записується «на зараз», а ви ще не готові.
- Максимальна межа: Вкажіть endofmonth або конкретну дату, щоб клієнти не бронювали ресурси на рік вперед.
- Зміщення дат: Можливість бронювання зі зміщенням (початок сьогодні — кінець завтра).
🎨 Буферні зони для ідеального UI
Щоб інтерфейс не виглядав «дірявим», використовуйте параметр data-booking-time-show-empty. Він дозволяє відображати неактивні часові інтервали до початку доступного часу. Це створює візуальний порядок і показує клієнту повну сітку вашого робочого дня, навіть якщо ранок уже зайнятий або недоступний.
4. Ціноутворення та монетизація
💰 Динамічний розрахунок вартості
BooStore.pro вміє рахувати гроші за вас. Якщо у вас встановлена базова ціна за 1 годину, а клієнт обирає в селекторі 3 години — система автоматично застосує коефіцієнт.
Якщо ж тривалість не повинна впливати на вартість (наприклад, фіксований квиток на квест), просто активуйте параметр data-booking-slot-fixed-price.
💳 Моментальний прийом оплати
Для бізнесу, де важлива гарантія явки, передбачена функція data-booking-payment-required.
Як тільки користувач натискає «Забронювати», система не просто створює замовлення, а миттєво переадресовує його на обраний платіжний шлюз. Бронювання підтверджується тільки після успішної транзакції, що зводить відсоток «порожніх» записів до нуля.
Швидкий старт: Перетворіть будь-яку кнопку на систему запису
Унікальність платформи BooStore.pro у тому, що вам не потрібно змінювати структуру сайту. Достатньо підключити скрипт і додати потрібні атрибути до будь-якого HTML-елемента (кнопки, посилання або блоку), щоб активувати професійний віджет бронювання.
Додайте ці рядки в розділ або перед закриваючим тегом :
Крок 2: Створіть кнопку бронювання
Достатньо створити контейнер з атрибутом data-booking і помістити в нього кнопку з класом booking-slot-start-order.
Повний довідник параметрів (Data-attributes)
days:+X,hours:+Y.
Доступні:
month, weeks, days, hours.endofmonth, endofnextmonth, endofyear, endofnextyear.0 — вимк, 1 — всі, 2 — після мінімального.12 — формат AM/PM.🚀 Повна гнучкість під будь-який бізнес-процес
Поєднання цих параметрів дозволяє налаштувати все: від простого запису в салон краси до складної системи оренди обладнання з подобовою оплатою та автоматичною зміною статусів. Ваша фантазія — єдиний ліміт.
Відкрити повну інструкцію підключенняСкрипт автоматично керує станом елементів. Коли слот зайнятий, йому присвоюється атрибут data-booking-status="busy". Ви можете задати будь-який CSS-стиль для таких елементів, щоб візуально виділити їх для користувача.
Нижче наведено готовий фрагмент коду для створення кнопки бронювання групи №1 з годинним інтервалом та автоматичним розрахунком ціни:
booking-slot" data-booking data-booking-slot-group-id="1" data-booking-slot-group-title="Назва групи" data-booking-slot-booking-time="3600" data-booking-slot-booking-time-allowchange="true" data-booking-time-show-empty="1" data-booking-slot-max-booking-time="10800" data-booking-slot-max-booking-time-show-selector="true" data-booking-slot-min-calendar-date-form-now="" data-booking-slot-max-calendar-date-form-now="endofnextmonth" data-booking-slot-max-calendar-date="" data-booking-slot-allow-multiply="0" data-booking-slot-days-extended="0" data-booking-slot-allow-preorder="0" data-booking-form-id="ВАШ_ID_ФОРМИ" data-booking-slot-price="10USD" data-booking-slot-fixed-price="false" data-booking-payment-required="false" data-booking-status-after="0" data-booking-status-after-payment="1" data-booking-slot-time-format="24" data-booking-window-title="Бронювання">display:block; margin:15px auto; font-size:140%;">Група 1booking-slot-status-block"> booking-slot-start-order">
Подивіться, як працює модуль на реальному проєкті. Система бронювання для більярдного клубу з використанням індивідуальних груп для столів та розширеної логіки оплати.
Для глибокої інтеграції та відстеження кожного кроку користувача використовуйте функцію callback_hotengine_booking_form($a). Вона дозволяє впроваджувати свої скрипти (аналітику, перевірку даних, сповіщення) на будь-якому етапі бронювання.
| ID ($a) | Опис події |
|---|---|
| 2 | Перед запитом списку вільних слотів |
| 3 | Список вільних слотів сформовано та виведено |
| 4 | Користувач натиснув кнопку «Назад» / Показати слоти з вказаної дати |
| 6 | Початок процесу підтвердження (вибір конкретного слота) |
| 7 | Перед відправкою підтвердження бронювання |
| 8 | Формування фінального списку даних перед відправкою |
| 9 | Момент безпосередньо перед відправкою обраного слота |
| 10 | Відправка форми підтвердження бронювання (Action) |
| 1 | Фінальний результат (успішна відправка або помилка) |
Управління та аналітика: Повний контроль над записами
Модуль бронювання BooStore.pro — це не просто віджет на сайті, а повноцінна CRM-система. Всі дані про бронювання миттєво синхронізуються з вашою панеллю управління, надаючи детальну звітність та інструменти для роботи з клієнтами.
📊 Детальна статистика продажів
- Дані покупця: Повна інформація з форми (ім'я, телефон, email, дод. поля).
- Деталізація слотів: Чітке вказання обраних дат та часових інтервалів.
- Прозоре ціноутворення: У кожному замовленні видно базову ціну за годину, застосований коефіцієнт та підсумкову вартість.
- Управління статусами: Змінюйте статуси («В обробці», «Підтверджено», «Скасовано») прямо в таблиці продажів.
📅 Адміністративний календар
- Наочний огляд: Візуальна сітка всіх зайнятих та вільних слотів на день, тиждень або місяць.
- Миттєва інфо: При кліку на зайнятий слот відкривається картка з даними про замовника та статус оплати.
- Контроль оплат: Візуальні маркеры оплачених та неоплачених бронювань.
- Гнучке редагування: Можливість оперативно керувати кожним конкретним слотом через адміністративний інтерфейс.
💡 Чому це важливо для бізнесу?
Ви не просто отримуєте сповіщення про замовлення, ви бачите всю економіку процесу. Система автоматично розраховує виручку, враховуючи тривалість бронювання, і дозволяє адміністраторам працювати в єдиному візуальному полі календаря, виключаючи ризик «накладок» або подвійних бронювань.
🔌 Управління бронюванням через Commerce API
Усі дані модуля бронювання доступні для інтеграції через Commerce API. Ви можете керувати слотами, створювати та оновлювати замовлення з бронюванням, а також отримувати дані календаря програмно — для синхронізації з зовнішніми CRM, мобільними додатками або кастомними дашбордами.
Booking API на сторінці документації Commerce API вашого аккаунта.
❓ Часті питання про бронювання
Відповіді на найпоширеніші питання щодо налаштування та використання модуля онлайн-запису BooStore.pro
Чи доступна на Бустор функція бронювання?
Так, на платформі BooStore.pro доступний повноцінний модуль онлайн-запису та бронювання. Він включає інтерактивний календар для керування часовими слотами, гнучку систему статусів для відстеження етапів виконання замовлень, а також підтримку автоматичної онлайн-оплати під час оформлення запису. Крім того, модуль повністю сумісний із Commerce API, що дозволяє виконувати віддалене управління, синхронізувати дані із зовнішніми системами та автоматизувати робочі процеси.
Чи можна використовувати модуль бронювання на безкоштовному тарифі?
Так. Модуль бронювання доступний на всіх тарифах, включаючи безкоштовний. Ви можете створювати необмежену кількість груп слотів (ресурсів) і приймати замовлення через віджет. На безкоштовному тарифі діють стандартні обмеження щодо кількості товарів і замовлень на місяць, але сам функціонал бронювання не заблокований.
Як налаштувати обов'язкову передоплату для бронювання?
Використовуйте атрибут data-booking-payment-required="1". Після вибору часу та відправки форми клієнт буде автоматично перенаправлений на платіжний шлюз. Статус замовлення зміниться на «Оплачено» лише після успішної транзакції, і слот стане зайнятим. Додатково налаштуйте data-booking-status-after-payment для автоматичної зміни статусу після оплати.
Як зробити груповий запис (кілька місць на один слот)?
Додайте атрибут data-booking-slot-allow-multiply="N", де N — кількість доступних місць. Наприклад, для майстер-класу на 10 осіб вкажіть значення 10. Система показуватиме слот як вільний, поки кількість підтверджених замовлень не досягне ліміту. Кожне нове замовлення зменшує лічильник вільних місць.
Чому слот на сайті залишається зайнятим після скасування замовлення?
Перевірте налаштування data-booking-slot-allow-preorder. Якщо значення 0 (за замовчуванням), слот вважається зайнятим, поки замовлення має статус «Не оброблено». При скасуванні замовлення (статус «Скасовано»), слот звільняється. Якщо проблема залишається, переконайтеся, що статус замовлення дійсно змінено на скасований (2, 5 або 6), а не на «В обробці».
Чи можна синхронізувати бронювання з Google Календарем або Outlook?
Прямої синхронізації з зовнішніми календарями в стандартній поставці немає. Однак ви можете використовувати Commerce API для програмного вивантаження даних про бронювання та налаштувати інтеграцію через сторонні сервіси (Zapier, Make) або власний скрипт. Усі дані календаря (дати, час, статуси) доступні через GET /api/commerce/orders з полями booking та booking_data.
Як обмежити глибину бронювання (не далі ніж через месяц)?
Використовуйте атрибут data-booking-slot-max-calendar-date-form-now. Для обмеження в один місяць вкажіть значення endofnextmonth. Також доступні константи endofmonth, endofyear, endofnextyear або абсолютна дата в data-booking-slot-max-calendar-date.
Чи працює модуль на телефонах та планшетах?
Так. Віджет бронювання повністю адаптивний. Інтерфейс календаря та вибору часу коректно відображається на всіх пристроях, включаючи смартфони з шириною екрана від 320px. Для мобільних пристроїв передбачені окремі стилі та спрощена навігація.
Як змінити ціну в залежності від тривалості бронювання?
Вкажіть базову ціну за крок часу в атрибуті data-booking-slot-price="10USD", де 10USD — ціна за один базовий інтервал (крок задається в data-booking-slot-booking-time). Система автоматично помножить базову ціну на кількість обраних інтервалів. Якщо ціна фіксована і не повинна змінюватися від тривалості, додайте data-booking-slot-fixed-price="1".
Чи можна вивантажувати дані про бронювання в Excel або CRM?
Так. Усі замовлення, включаючи бронювання, доступні в стандартній таблиці статистики продажів в адмін-панелі. Ви можете експортувати дані в CSV/XLS. Для автоматичного вивантаження використовуйте Commerce API: GET /api/commerce/orders з фільтрацією за датою. У відповіді приходять усі поля замовлення, включаючи booking та booking_data з деталізацією слота.
Що станеться, якщо два клієнти оберуть один і той самий час одночасно?
Система блокує слот на рівні бази даних у момент підтвердження замовлення. Якщо два користувачі одночасно натиснуть «Забронювати», перший запит створить замовлення і заблокує час, а другий отримає помилку про те, що слот уже зайнятий. Подвійні записи (овербукінг) виключені на рівні архітектури.
✅ Все готово до запуску!
Використовуйте поєднання data-атрибутів для логіки, CSS для стилю зайнятих слотів та Callback-функції для повного контролю над поведінкою системи. BooStore.pro надає повний функціонал для створення сайту бронювання будь-яких послуг. Статуси, онлайн-оплата та повний контроль.