Интеграция в Tilda сервиса BookForm от Яндекс

Интеграция в Tilda сервиса BookForm от Яндекс

Пошаговый мануал интеграции Букформа и Тильды.

  1. Заходим на сайт Bookform и регистрируемся. Шаги там простые (название компании, электронная почта, телефон, имя пользователя). Можно зарегистрироваться полностью, или зайти через аккаунт Яндекса, если он у вас есть.
  2. Проходим этап настройки услуги (название, фотография опционально, карта с указанием места предоставления услуги).
  3. Этап настройки календаря, продолжительности услуги по времени и её стоимости. Справа увидите примерный виджет, который будут видеть будущие клиенты.
  4. Далее попадаете в окно с виджетом. Один уже создан по умолчанию и вам просто надо на него нажать.
  5. Попадаем в поле выбора нужного нам вида виджета. Для примера возьмем виджет для сайта. Он так и называется “Встроенный виджет для сайта”. Он прямо посредине. После его выбора, внизу появляются 2 поля с кодами с кнопками “Скопировать код”. Именно они нам и нужны для интеграции.

Список дел на стороне Тильды

  1. Копируем код из первого поля и переходим в настройки нашего сайта в Тильде. Выбираем “Настройки сайта”. В левой колонке в самом низу выбираем “Еще”. Находим “Html-код для вставки внутрь HEAD” – редактировать код. В открывшееся поле вставляем скопированный первый код из настроек Букформа.
  2. Теперь код номер 2 из Букформа. Для примера возьмем всплывающее окно, чтобы при нажатии на кнопку “Записаться” на сайте именно в этом окне был виджет. Далее по шагам:
    1. Добавьте блок BF503. В его настройках ширину установите 100%
    2. Добавьте ЗероБлок. Внутри него уберите цвет фона. Нажмите “+” слева сверху экрана добавьте поле для кода “Add HTML”
    3. Сделайте нужную ширину и высоту этого блока, адаптируйте их для всех разрешений экрана. Внутрь этого блока вставьте код номер 2 из Букформа.
    4. Ниже Зероблока поставьте 123 блок и добавьте туда код (он ниже), в котором замените #rec на свои значения. Их можно найти в настройках блоков, которые добавили в предыдущих шагах.
  3. На нужную кнопку на сайте повесьте ссылку вида #popup:usluga (это название, usluga, должно быть присвоено блоку BF503).

Всё. Теперь при нажатии на нужную мне кнопку на сайте появляется виджет от БукФорма.

Информация была полезна для вас?

Расскажите пожалуйста что мы можем улучшить?


Обзор Bookform

Клиенты & CRM Бесплатная CRM-система от Яндекса с возможностью настройки онлайн-записи и журналом заказов.

Подробнее...


Обзор Тильда

Сайты & Интернет Платформа для создания впечатляющих сайтов на Tilda для бизнеса и медиа

Подробнее...

У этой записи один комментарий

  1. Катя

    Спасибо за инструкцию, только где искать код, который нужно вставлять в блок 123?

Добавить комментарий