---
metadata:
  - name: generator
    content: Diplodoc Platform v5.56.0
alternate:
  - https://yandex.ru/support/reservation/ru/form.md
  - href: ru/form.md
    type: text/markdown
    title: Markdown version
  - href: llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/reservation/ru/llms.txt

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

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

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

- через [поддержку](https://reservation.yandex.ru/chats) в личном кабинете ресторатора;
- через почту [reserve\_sup@eda.yandex.ru](mailto:reserve_sup@eda.yandex.ru).

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

### С помощью ссылки {#link}

После получения идентификатора вы сразу сможете подключить форму к сайту вашего ресторана: 

1. Если на сайте есть кнопка для оформления брони, добавьте в нее ссылку на форму: 

   ```
   https://reservation.yandex.ru/partner-reserve/forms/XXXX
   ```
   
2. Значение `XXXX` замените на идентификатор ресторана. 

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

### Через HTML-код {#html}

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

1. Добавьте перед закрывающим тегом `</head>` этот код:

   ```
    
   ```

2. Добавьте кнопку для перехода с надписью, например **Забронировать**. Для этого используйте код: 

   ```
   <button class="openLeclickModalButton" data-restaurant-id="XXXX" data-creator="restaurant-website"> Название кнопки </button>
   ```
   
## Как добавить форму через конструктор сайтов Tilda {#tilda}

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

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

   ![](_assets/form.png){.border-yes}

1. Выберите **Другое** → **HTML-код** — появится блок для вставки кода. 

   ![](_assets/form-1.png){.border-yes}

1. В блоке нажмите **Контент**, чтобы перейти к редактированию. 

   ![](_assets/form-2.png){.border-yes}

1. В окне редактирования вставьте код:

   ```
	

	
	

	
   ```
   
   {% note alert %}

   В 28 и 29 строках скрипта нужно указать ID ресторана, а также его название на латинице.

   {% endnote %}

1. Нажмите **Сохранить и закрыть**.

   ![](_assets/form-3.png){.border-yes}

1. Выберите **Zero** → **Редактировать блок**.

   ![](_assets/form-4.png){.border-yes}

   ![](_assets/form-5.png){.border-yes}
     
1. Удалите все элементы в блоке и нажмите **Добавить элемент** → **Кнопка**.

   ![](_assets/form-6.png){.border-yes}
   
1. Откройте настройки элемента и в поле **URL** укажите `#`.
   
   ![](_assets/form-7.png){.border-yes}

1. Нажмите правой кнопкой мыши на созданный элемент и выберите **Добавить имя CSS-класса**. 

   ![](_assets/form-8.png){.border-yes}
   
1. В поле **CSS-КЛАСС** укажите `ya-reservation-btn`, затем нажмите **Сохранить** и **Закрыть**.
   
   ![](_assets/form-9.png){.border-yes}
   
1. Нажмите **Опубликовать**, чтобы запустить скрипт.

   ![](_assets/form-10.png){.border-yes}

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

   ![](_assets/form-11.png){.border-yes}