Своя форма записи на Тильде
Пять экранов на вашей странице: формат встречи, дата, время, контакты и подтверждение. Посетитель записывается, не уходя с сайта.
Это тот самый блок, который вы вставите себе. Он работает прямо здесь: выберите формат, дату и время — запись уйдёт в Планёрку.
Нужен публичный ключ
Форма ходит в Планёрку напрямую из браузера, поэтому ключ вписывается прямо в код блока. Заведите ключ со скоупом «публичный для сайта» — он умеет только показывать типы встреч, отдавать свободное время и создавать записи, и работает лишь с адресов, которые вы ему разрешили. Что это за скоуп и почему такой ключ не страшно держать на странице, разобрано в рецепте «Ключи API и их права».
Добавить блок в Тильду
В нужном месте страницы: «Добавить блок» → раздел «Другое» → блок T123 «HTML-код» → «Контент».
Вставить код
Скопируйте готовый блок и вставьте его в поле целиком. Это разметка, стили и скрипт формы — 554 строки, править в них ничего не нужно.
Подставить свой ключ
В начале вставленного кода найдите data-api-key и замените плейсхолдер на свой публичный ключ.
<div id="plnbook"
data-api-key="ВАШ_КЛЮЧ">Ключ виден любому, кто откроет исходный код страницы, — так и задумано. Публичный ключ умеет ровно три вещи: показать открытые типы встреч, отдать свободное время и создать запись. Списка ваших клиентов по нему не получить, а работать он будет только с адресов, которые вы ему разрешили.
Что здесь происходит
Свободное время приходит волнами: сначала сегодня, следом ближайшие три дня, потом неделя и остаток горизонта. Четыре запроса уходят разом, а полоса дат заполняется по очереди — первый день виден меньше чем через секунду, остальные догружаются, пока посетитель выбирает дату. Дни, где всё занято, гаснут и зачёркиваются.
Почему волнами, а не одним запросом на весь горизонт и не двадцатью запросами по дню — разобрано в рецепте «Как ускорить загрузку слотов».
Если посетитель выбрал время, а его успели занять, пока он заполнял поля, форма вернёт его на экран времени с обновлённым списком, а не покажет ошибку.
