Как добавить форму для бронирований на сайт ресторана

Подготовительный этап — запрос идентификатора ресторана

Для подключения формы потребуется уникальный идентификатор ресторана. Получить его можно через поддержку или почту reserve_sup@eda.yandex.ru

Как добавить форму вручную

Как только получите идентификатор ресторана — сможете подключить форму к сайту вашего ресторана. Сделать это можно так:

  1. Если на сайте есть кнопка для оформления брони, то добавьте для нее следующую ссылку на форму: https://leclick.ru/restaurants/partner-reserve/id/XXXX/creator/restaurant-website
  2. Значение XXX замените на идентификатор ресторана.

Теперь по клику на кнопку пользователь будет переходить на страницу с формой.

Через HTML-код

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

Вот как это сделать:

  1. Добавьте перед закрывающим тегом </head> код из таблицы ниже.

    <script src="https://leclick.ru/js/libs/jquery.js" type="text/javascript"></script> <script> window.onload = function () { jQuery.getScript("https://leclick.ru/js/partnerWidget.js") }; </script>
  2. Теперь нужно добавить кнопку для перехода с надписью, например Забронировать. Для этого используйте код ниже.

    <button class="openLeclickModalButton" data-restaurant-id="XXXX" data-creator="restaurant-website"> Название кнопки </button>

Как добавить форму через конструктор сайтов Tilda

Если сайт создан с помощью сервиса Tilda, то вы можете добавить форму через него:

  1. Откройте раздел Все блоки.

  2. Выберите ДругоеHTML-код — теперь вы создали блок для кода.

  3. В открывшемся окне выберите Контент — появится доступ к редактированию блока.

  4. Вставьте код из таблицы ниже → Сохранить и закрыть.

    <script src="https://leclick.ru/js/libs/jquery.js" type="text/javascript"></script> <script>window.onload = function () { jQuery.getScript("https://leclick.ru/js/partnerWidget.js") };</script>

  5. Выберите Zero-блокРедактировать блок.

  6. Удалите все элементы в блоке и нажмите на значок плюса → Add button. Появится блок с кнопкой.

  7. Нажимаем правой кнопкой мыши по блоку → Add CSS Class Name. Справа откроется меню настройки блока.

  8. В меню выберите параметр CSS CLASS NAME и вставьте текст из таблицы ниже. Число 4471 замените на идентификатор ресторана, а слово test — на название сети или ресторана латиницей.

    openLeclickModalButton-4471-test

  9. Нажмите SaveClose.

  10. Чтобы скрипт начал работать нажмите Опубликовать.

После этого кнопка станет рабочей и пользователи смогут переходить по ней к форме для бронирования.