Виджет бронирования на сайте Илоранты

Виджет бронирования для сайта семейной базы отдыха Илоранта

Отдельное веб-приложение для подбора и бронирования размещения, подключается одной строкой

Задача

бронирование номеров и коттеджей в одном окне на любом сайте

Заказчику нужен был фронт для гостя, который:

  • не зависит от кода основного сайта;
  • легко интегрируется на любую платформу;
  • масштабируется без ограничений по инфраструктуре;
  • одинаково хорошо работает с разными типами размещения — от гостиничных номеров до коттеджей с их уникальной логикой бронирования.

Решение

виджет со своим JS API поверх серверного API SpringPMS

Интерфейс реализован как виджет бронирования — отдельное веб-приложение, независимое от структуры сайта. Подключение одной строкой кода в конце страницы, как у счётчиков аналитики: скрипт асинхронно загружает функционал, монтирует его в DOM и не влияет на скорость загрузки сайта.

Виджет поддерживает разную логику под типы размещения: для гостиниц — классическое бронирование номеров по датам с учётом свободного фонда, для коттеджей — шахматка с уникальными сценариями заселения и расчёта стоимости. Актуальные данные приходят из общего серверного API SpringPMS.

У виджета собственный JS API и обработка событий со стороны сайта:

  • открыть панель бронирования по клику;
  • передать промо-данные или параметры акции;
  • автоматически заполнить форму при переходе по промо-ссылке.

Как это выглядит

экраны:

Шаг дополнительных услуг при бронированииПромо-окно и подбор номера в мобильной версии сайтаПодбор коттеджа и рекомендованные номера для 5 гостей

Результат

Прямые брони с сайта стали основным каналом продаж, а код виджета обновляется без правок на сайте.

Интеграция с платёжными шлюзами для моментальной онлайн-оплаты, с целями Яндекс.Метрики для отслеживания конверсии, кэширование последней сборки в браузере и синхронизация с актуальным номерным фондом — овербукингов нет.

90%

всех бронирований — прямые, с сайта

×4–5

средний чек за счёт продажи дополнительных опций

1 строка

кода для подключения на любой сайт

0

овербукингов благодаря общему API

Спасибо за внимание

Хотите похожий проект? Расскажите о задаче — обсудим, как её решить.

Написать нам