Виджет бронирования аренды залов

Разместите на своем сайте специальный виджет, чтобы клиенты могли бронировать залы (теннисные корты, залы для йоги, студии) прямо с главной страницы

🔵Преимущества использования виджета бронирования аренды

Виджет поможет клиентам бронировать залы, корты или студии прямо на вашем сайте. Это снижает нагрузку на администраторов и увеличивает количество бронирований.

Что дает виджет:

  • Автономность 24/7. Клиенты могут забронировать зал в любое время, даже когда клуб закрыт. Им не нужно ждать ответа администратора или звонить в рабочие часы.

  • Исключение накладок. Система автоматически учитывает график работы залов и текущие бронирования. Виджет показывает только реально свободные слоты.

  • Рост базы клиентов. Если бронирование совершает новый человек, виджет предложит ему быструю регистрацию. Данные автоматически попадут в CRM, и вы получите готовый лид с записью.

  • Гибкие продажи и динамические цены. Вы можете установить разную стоимость аренды в зависимости от времени суток или дня недели. Также доступны промокоды для акций и списание бонусов прямо в виджете.

  • Гарантия оплаты. Выберите подходящие способы оплаты: онлайн (CloudPayments) или счёт для оплаты на месте. Вы сами решаете, какие варианты доступны клиентам.

🔵Что нужно сделать перед размещением виджета

Чтобы виджет показывал свободные залы и правильную стоимость, выполните четыре обязательных шага.

Шаг 1. Создайте занятия с типом «Аренда»

Перейдите в раздел «Настройки → Справочники → Занятия» и создайте шаблон занятия с типом «Аренда».

При создании:

  • укажите длительность

  • привяжите занятие к подразделению

  • включите чекбокс «Отображать на сайте и приложении».

Шаг 2. Задайте график работы залов

В разделе «График и Расписание  → Расписание → График работы залов» задайте график работы.


Шаг 3.  Настройте справочник слотов

Перейдите в  «Настройки → Справочники → Справочник слотов».

Слоты определяют временные рамки, внутри которых действует определенная цена (например, «Утро», «Вечер»).


Шаг 4. Создайте услугу типа «Аренда зала»

В разделе «Настройки → Справочники → Услуги» создайте услугу с типом «Аренда зала».

В настройках услуги:

  • привяжите ее к одному или нескольким залам;

  • привяжите к одному или нескольким слотам;

  • укажите стоимость аренды.

Теперь система сможет автоматически подбирать свободный зал, рассчитывать цену и принимать оплату онлайн.


📌 Подробнее о настройке аренды: как создать бронирование и настроить динамическую стоимость, читайте в отдельной инструкции — ➡️«Новая форма бронирования аренды залов».


🔵Настройте внешний вид виджета

В разделе «Настройки → Интеграции → Виджет бронирования» настройте параметры виджета.

  • Показывать бронирование на N недель – укажите, сколько недель вперед клиент сможет видеть доступные слоты. Если поставить 0 – ограничений не будет (виджет покажет все доступные даты).

  • Цвет оформления – выберите цвет, в который будут окрашены все основные элементы виджета (кнопки, рамки, заголовки). Настройка глобальна для всех филиалов.

🔵Получите ссылку на виджет и код для вставки

В том же разделе «Настройки → Интеграции → Виджет бронирования» вы увидите:

  • Ссылку на виджет – прямая ссылка, которую можно разместить в соцсетях или отправить клиенту.


  • Код для вставки виджета на сайт – готовый HTML‑код. Скопируйте его и вставьте на любую страницу вашего сайта (рекомендуется размещать в блоке, который не ограничивает ширину – не менее 1140px).

     


Если у вас несколько филиалов, виджет автоматически покажет расписание того филиала, который вы выбрали в интерфейсе настройки. Вы можете переключать филиал в самом виджете или сгенерировать отдельный код для каждого клуба.


🔵Проверьте работу виджета

После размещения кода откройте страницу сайта и проверьте:

  • отображается ли расписание залов;

  • доступны ли для бронирования слоты в рабочее время;

  • корректно ли рассчитывается стоимость;

  • проходит ли онлайн‑оплата.

Если занятие не отображается в виджете, проверьте:

  • в шаблоне занятия (тип «Аренда») включена опция «Отображать на сайте и приложении»;

  • в расписании выбрана нужная неделя, на которой проводится занятие;

  • зал привязан к услуге с типом «Аренда зала» (в настройках услуги выбран нужный зал);

  • для выбранного времени задана стоимость (в самой услуге или через отдельные услуги для разных интервалов).


Что-то не получилось? Напишите техподдержке ФитБейс через виджет в правом нижнем углу экрана или в Telegram — мы поможем разобраться.



👆 На этом пока всё