Сферы применения: Кому и зачем нужен модуль бронирования?
Модуль онлайн-записи от Hotlist.biz — это универсальный инструмент автоматизации, который избавляет бизнес от «ручного» управления расписанием, исключает ошибки и позволяет клиентам бронировать услуги в режиме 24/7.
Услуги и специалисты
Идеально для записи к врачам, в салоны красоты, фитнес-центры или на частные юридические и бизнес-консультации.
Аренда ресурсов
Управление бронированием столиков в ресторанах, массажных кресел, кабинетов или номеров в небольших отелях.
Транспорт и прокат
Организация аренды автомобилей, велосипедов, самокатов или строительной спецтехники с контролем времени возврата.
События и группы
Продажа мест на мастер-классы, групповые экскурсии, вебинары или запись на спортивные мероприятия.
Гибкость и логика «Свободно/Занято»
Главная проблема большинства систем бронирования — их изолированность. В Hotlist.biz модуль записи является частью «организма» статистики продаж. Это означает, что каждое бронирование — это реальный заказ, а каждый временной слот — это статус этого заказа в реальном времени.
🤖 Автоматический контроль слотов
Система понимает занятость не просто по наличию записи, а по статусу заказа в вашей админ-панели. Как только клиент выбирает время и подтверждает форму, создается заказ.
Пока заказ находится в статусах В обработке или Оплачен, система блокирует это время для других пользователей. Вам не нужно вручную «закрывать» даты — алгоритм делает это мгновенно.
👥 Групповые записи (Multiply): Один слот — много мест
Что делать, если у вас не один массажист, а три? Или вы продаете 10 билетов на один мастер-класс? Здесь вступает в дело параметр data-booking-slot-allow-multiply.
⚡ Почему отмена в админке — это магия для сайта
Гибкость Hotlist.biz проявляется в моменты изменений. Представьте ситуацию: клиент позвонил и отменил запись. Вы заходите в статистику продаж и меняете статус заказа на Отменен.
Эта связка работает и в обратную сторону: вы можете вручную создать заказ в админке на определенное время (например, запись по телефону), и сайт тут же «узнает», что это время теперь занято.
Такая архитектура исключает "человеческий фактор" и риск овербукинга (двойных записей) на 100%.
Умное управление временем
⏲️ Гибкий шаг времени (Time Slots)
Вы сами решаете, как дробить рабочий день. Параметр data-booking-slot-booking-time позволяет задать шаг в секундах. Хотите запись на быстрые консультации по 15 минут? Ставьте 900. Нужна аренда зала на 3 часа? Ставьте 10800.
🛡️ Динамические лимиты и защита от «сюрпризов»
Система позволяет настроить горизонт планирования так, чтобы это было удобно вашему персоналу.
- Минимальный порог: Ограничьте запись «не ранее чем за X часов». Это спасет вас от ситуации, когда клиент записывается «на сейчас», а вы еще не готовы.
- Максимальный предел: Укажите endofmonth или конкретную дату, чтобы клиенты не бронировали ресурсы на год вперед.
- Смещение дат: Возможность бронирования со смещением (начало сегодня — конец завтра).
🎨 Буферные зоны для идеального UI
Чтобы интерфейс не выглядел «дырявым», используйте параметр data-booking-time-show-empty. Он позволяет отображать неактивные временные интервалы до начала доступного времени. Это создает визуальный порядок и показывает клиенту полную сетку вашего рабочего дня, даже если утро уже занято или недоступно.
4. Ценообразование и монетизация
💰 Динамический расчет стоимости
Hotlist.biz умеет считать деньги за вас. Если у вас установлена базовая цена за 1 час, а клиент выбирает в селекторе 3 часа — система автоматически применит коэффициент.
Если же длительность не должна влиять на стоимость (например, фиксированный билет на квест), просто активируйте параметр data-booking-slot-fixed-price.
💳 Моментальный прием оплаты
Для бизнеса, где важна гарантия явки, предусмотрена функция data-booking-payment-required.
Как только пользователь нажимает «Забронировать», система не просто создает заказ, а мгновенно переадресовывает его на выбранный платежный шлюз. Бронь подтверждается только после успешной транзакции, что сводит процент «пустых» записей к нулю.
Быстрый старт: Превратите любую кнопку в систему записи
Уникальность платформы Hotlist.biz в том, что вам не нужно менять структуру сайта. Достаточно подключить скрипт и добавить нужные атрибуты к любому HTML-элементу (кнопке, ссылке или блоку), чтобы активировать профессиональный виджет бронирования.
Добавьте эти строки в раздел <head> или перед закрывающим тегом </body>:
<script defer src="/templates/scripts/hotengine-script-api-booking.js"></script>
<link rel="stylesheet" type="text/css" href="/templates/styles/booking/css_hotengine_booking.css" />
Шаг 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-стиль для таких элементов, чтобы визуально выделить их для пользователя.
[data-booking-status="busy"] { opacity: 0.5; pointer-events: none; filter: grayscale(1); }
Ниже приведен готовый фрагмент кода для создания кнопки бронирования группы №1 с часовым интервалом и автоматическим расчетом цены:
<div class="booking-slot" data-booking data-booking-slot-group-id="1" data-booking-slot-group-title="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="Бронирование"> <div style="display:block; margin:15px auto; font-size:140%;">Group 1</div> <span class="booking-slot-status-block"><span></span></span> <span class="booking-slot-start-order"><span></span></span> </div>
Посмотрите, как работает модуль на реальном проекте. Система бронирования для бильярдного клуба с использованием индивидуальных групп для столов и расширенной логики оплаты.
Для глубокой интеграции и отслеживания каждого шага пользователя используйте функцию callback_hotengine_booking_form($a). Она позволяет внедрять свои скрипты (аналитику, проверку данных, уведомления) на любом этапе бронирования.
console.log('Текущий этап бронирования:', step);
if (step === 10) { /* Ваш код при подтверждении */ }
}
| ID ($a) | Описание события |
|---|---|
| 2 | Перед запросом списка свободных слотов |
| 3 | Список свободных слотов сформирован и выведен |
| 4 | Пользователь нажал кнопку «Назад» / Показать слоты с указанной даты |
| 6 | Начало процесса подтверждения (выбор конкретного слота) |
| 7 | Перед отправкой подтверждения бронирования |
| 8 | Формирование финального списка данных перед отправкой |
| 9 | Момент перед непосредственной отправкой выбранного слота |
| 10 | Отправка формы подтверждения бронирования (Action) |
| 1 | Финальный результат (успешная отправка или ошибка) |
Управление и аналитика: Полный контроль над записями
Модуль бронирования Hotlist.biz — это не просто виджет на сайте, а полноценная CRM-система. Все данные о бронированиях мгновенно синхронизируются с вашей панелью управления, предоставляя детальную отчетность и инструменты для работы с клиентами.
📊 Детальная статистика продаж
- Данные покупателя: Полная информация из формы (имя, телефон, email, доп. поля).
- Детализация слотов: Четкое указание выбранных дат и временных интервалов.
- Прозрачное ценообразование: В каждом заказе видна базовая цена за час, примененный коэффициент и итоговая стоимость.
- Управление статусами: Меняйте статусы («В обработке», «Подтвержден», «Отменен») прямо в таблице продаж.
📅 Административный календарь
- Наглядный обзор: Визуальная сетка всех занятых и свободных слотов на день, неделю или месяц.
- Мгновенная инфо: При клике на занятый слот открывается карточка с данными о заказчике и статусе оплаты.
- Контроль оплат: Визуальные маркеры оплаченных и неоплаченных броней.
- Гибкое редактирование: Возможность оперативно управлять каждым конкретным слотом через административный интерфейс.
💡 Почему это важно для бизнеса?
Вы не просто получаете уведомление о заказе, вы видите всю экономику процесса. Система автоматически рассчитывает выручку, учитывая длительность бронирования, и позволяет администраторам работать в едином визуальном поле календаря, исключая риск "накладок" или двойных броней.
✅ Все готово к запуску!
Используйте сочетание data-атрибутов для логики, CSS для стиля занятых слотов и Callback-функции для полного контроля над поведением системы. Hotlist.biz предоставляет полный функционал для создания сайта бронирования любых услуг. Статусы, Оплыта онлайн и полный контроль.