Как сделать онлайн-запись на сайте Tilda: 3 способа без программиста

Подготовка

В кабинете Синтакса откройте раздел «Виджет и ссылка». Там три варианта кода — выберите подходящий и скопируйте его.

Вариант 1. Плавающая кнопка «Записаться»

Кнопка висит в углу экрана на всех страницах сайта — самый простой и заметный вариант.

1. В редакторе страницы Tilda: Все блоки → Другое → блок T123 «HTML-код» (добавьте его на каждую страницу, где нужна кнопка).
2. Вставьте код плавающей кнопки.
3. Опубликуйте страницы.

Вариант 2. Своя кнопка на странице

Если у вас уже есть кнопка «Записаться» в дизайне:

1. Добавьте на страницу блок T123 «HTML-код» и вставьте код загрузчика.
2. В настройках своей кнопки Tilda укажите ссылку #booking.
3. При нажатии откроется окно записи поверх страницы.

Вариант 3. Форма записи внутри страницы

Форма записи встраивается прямо в страницу, например в раздел «Запись»:

1. Блок T123 в нужном месте страницы.
2. Вставьте код встроенной формы.
3. Задайте высоту блока не меньше 700 px, чтобы форма помещалась без прокрутки.

Проверка

• Откройте опубликованный сайт с телефона — кнопка должна быть видна и не перекрывать важные элементы.
• Пройдите запись до конца и убедитесь, что заявка пришла.
• Если используете Яндекс Метрику, укажите номер счётчика в настройках виджета: цели «открыл», «выбрал время», «записался» будут отправляться автоматически.

Частые проблемы

• Кнопка не появилась. Код вставлен в черновик, а страница не опубликована, — нажмите «Опубликовать».
• Окно открывается пустым. Проверьте, что в кабинете добавлены услуги и график работы.
• Форма обрезана. Увеличьте высоту блока T123.

Подробнее о виджете — на странице Виджет онлайн-записи для сайта.