SpringPMS

SpringPMS Javascript API

Благодаря поддержке внешнего javascript API, Виджет бронирования может взаимодействовать с элементами веб-сайта: открывать панель бронирования, автоматически заполнять данные поиска и пр.

Принцип работы

После загрузки Виджет может улавливать события взаимодействия пользователя с любыми html элементами на странице, имеющими специальный аттрибут data-springpms.

Такими html элементами могут быть кнопка <button>, ссылка <a> и пр.

Например:

<a class="btn btn-primary btn-search btn-search" title="Открыть панель поиска"
   data-springpms="[]"> Подобрать размещение</a>

// Значение аттрибута заключено в одинарные кавычки
<button data-springpms='{"widget":"hotel-booking"}'>Забронировать гостиницу</a>

Важно!

Данные для Виджета должны быть корректно закодированы в json строкуopen in new window:

  • имена переменных и их значения заключены в двойные кавычки
  • значение html аттрибута data-springpms='...' заключено в одинарные кавычки

Список передаваемых данных

В Виджет бронирования можно передать следующие данные:

{
    // открыть вкладку нужного типа: бронирование гостиницы или коттеджа
    // "hotel-booking" или "cottage-booking"
    "widget": "hotel-booking",
    // Данные для вставки в форму
    "booking": {
        // Дата заезда
        "date_from": "2022-12-12",
        // Дата выезда
        "date_till": "2022-12-16",
        // Выбрать категорию размещения
        "category": 4,
        // Количество взрослых
        "peoples_adult": 3,
        // Количество младенцев
        "peoples_baby": 1,
        // Количество детей
        "peoples_child": 2,
        // Количество животных
        "animals": 1,
    }
}

Все данные опциональны, передача пустого массива просто открывает панель Виджета.

Дата обновления: