реклама
разместить

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

Привет! Не так давно появилась задача на сайт психотерапевта, который сделан на Тильде, интегрировать какой-то сервис, позволяющий клиентам самостоятельно записываться онлайн в календарь доступных дат. Эти даты должен был сформировать сам терапевт, добавить возможные услуги и варианты оплаты.

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

Перебрав несколько сервисов, я предложил клиенту Букформ от Яндекса. Мне показался он достаточно удобным в функционале и простым в интеграции. Плюс с точки зрения фискальной работы с налоговой там всё устроено очень просто. Большой плюс сервиса, что вы нём уже предусмотрены разные варианты поставщиков услуг: аренда студий, запись к терапевту, ремонт машин и т.д. Я буду писать о задаче, которую решал сам, но такой алгоритм можно применить ко всем услугам.

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

1. Заходим на сайт Bookform и регистрируемся. Шаги там простые (название компании, электронная почта, телефон, имя пользователя). Можно зарегистрироваться полностью, или зайти через аккаунт Яндекса, если он у вас есть.

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

2. Проходим этап настройки услуги (название, фотография опционально, карта с указанием места предоставления услуги)

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

3. Этап настройки календаря, продолжительности услуги по времени и её стоимости. Справа увидите примерный виджет, который будут видеть будущие клиенты.

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

4. Далее попадаете в окно с виджетом. Один уже создан по умолчанию и вам просто надо на него нажать.

5. Попадаем в поле выбора нужного нам вида виджета. Я занимался интеграцией на сайт, поэтому взял виджет для сайта. Он так и называется "Встроенный виджет для сайта". Он прямо посредине. После его выбора, внизу появляются 2 поля с кодами с кнопками "Скопировать код". Именно они нам и нужны для интеграции.

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых
Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

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

1. Копируем код из первого поля и переходим в настройки нашего сайта в Тильде. Выбираем "Настройки сайта". В левой колонке в самом низу выбираем "Еще". Находим "Html-код для вставки внутрь HEAD" - редактировать код. В открывшееся поле вставляем скопированный первый код из настроек Букформа.

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

2. Теперь код номер 2 из Букформа. Я хотел сделать всплывающее окно, чтобы при нажатии на кнопку "Записаться" на сайте именно в этом окне был виджет. За основу я взял идею "ПопАп из Зеро Блока". Что делал дальше. По шагам..

Интеграция в Tilda сервиса BookForm от Яндекс. Мануал для ленивых

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

<style> .shirina{ background:none !important; right: 0 !important; left: 0 !important; } .parpadding{ padding:0 !important; } </style> <script> var ZeroPopID = '#rec1234567890'; //Прописываем ID Zero var PopWindID = '#rec1234567890'; //Прописываем ID PopUp окна BF503 //Переносим ZeroBlock в POPup + Добавляем новый клас в POPup $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)); $(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding") </script>

На нужную мне кнопку на сайте повесил ссылку вида #popup:usluga (это название, usluga, должно быть присвоено блоку BF503)

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

Задача решена. Может быть ее можно решить и проще, но у меня в голову пришел только такой вариант.

Времени заняло полчаса. Если у вас получится упростить - замечательно!

За код "Зеро в Поп Апе" спасибо Диме Храбалову из Mo-Tilda. Ссылка на страницу исходник:

Спасибо ребятам из саппорта БукФорма за быструю обратную связь.

========================

Если у вас есть проект, которому нужен сайт - обращайтесь! Всегда рад новым проектам и сотрудничеству. Меня можно найти здесь:

77
реклама
разместить
10 комментариев

Подскажите плиз. Все сделала по инструкции, но у меня выходит попап пустой, без виджета. В чем может быть загвоздка?

1

Напишите мне в Телеграм. Разберемся

Александр, спасибо большое, что написал про нас. Ещё и так подробно! Очень ценим. Ван лав 🤗

Спасибо за сервис и адеватный саппорт. Буду теперь рекомендовать сервис.

Круто! Круто! Круто! Спасибо за подробнейшую инструкцию и проделанную работу.

у  меня что-то тоже не вышло

Раскрывать всегда
⭐️Сколько должен стоить доллар?💸

Применяем научный подход в определении справедливого курса

⭐️Сколько должен стоить доллар?💸
1313
реклама
разместить
Я производил 2 млн пачек, зарабатывал 55 млн ₽, попал в топ маркетплейсов, но всему приходит конец

В 2023 я больше всех продавал на маркетплейсах в своей товарной категории, работал со всеми крупными ритейл-сетями, а всего бизнес приносил 1,1 млрд ₽ выручки и 55 млн ₽ прибыли в год.

Теперь можно и руки вытереть, и бюджет посчитать 
44
33
Всё, что вы не хотели знать о редкоземельных металлах, а также культ веганских анархо-трансгуманистов-ситхов

Самые интересные новости финансов и технологий в России и мире за неделю: самозапрет кредитования через Госуслуги, Илон Маск рассылает DOGE-письма счастья бюрократам, новые передовые AI-модели Claude 3.7 и GPT-4.5 Orion, стартап для AI-управления потогонными фабриками в Индии, а также падение крипторынка.

Зизианцы
22
Трамп заявил, что в криптовалютный резерв США войдут BTC, ETH, XRP, SOL и ADA — крипторынок отреагировал ростом

Создание резерва поспособствует развитию «критически важной индустрии».

Дополнено в 20:37 мск. Курс BTC вырос до $93,6 тысячи за монету.

99
55
22
вчера стока блинкоинов втарил что сегодня еле лежу
Курс биткоина восстановился до $95000 после сильного падения. При каких условиях стоит ожидать продолжения роста? При каких начинаем корректироваться?

В своем последнем видео-разборе я показывал условия спуска цены в район $74324-80813. Условия были выполнены, движение было исполнено. Также еще до текущего роста, находясь в блоке $74324-80813, в своем канале я показывал, почему произойдет восстановление к текущим отметкам. В каком случае рост продолжится? В каком начнем корректироваться?

33
11
Сколько стоит питание Криштиану Роналду в России, если закупаться во ВкусВилле в 2025 году

Недавно Роналду стукнуло 40 лет. В честь этого я приготовил блюда из его рациона и посчитал бюджет. В этой статье вы узнаете, чем обедает один из лучших игроков мира, и почему вы тоже так можете. В конце покажу цены и принципы питания для кубиков пресса.

Обед Роналду – 993 рубля с учетом дофига трески (я все-таки сделал бакаляу из второй рыбины)
3636
66
33
Хочется сказать, что смотря на всех успешных, профессиональных и прочих людей, не забывайте, что ВЫ это не ОНИ. И прежде чем пытаться питаться как ОНИ, лучше сходите к ГАСТРОЭНТЕРОЛОГУ. У каждого своя переносимость тех или иных продуктов и не надо строить из них себе идолов. Питайтесь вкусно и сбалансировано, а вот это всё лишь сторис для рекламы трафика в телеграм для его канала!
27,5% годовых на золоте: новые облигации Селигдар 1Р-02 на размещении
27,5% годовых на золоте: новые облигации Селигдар 1Р-02 на размещении

Селигдар - полиметаллический холдинг, в который входят 2 дивизиона: добыча золота и производство олова. Компания, которая работает с 1975 года, Владеет 7 золодобывающими и 2 оловодобывающими предприятиями в Якутии, Бурятии, Алтайском и Хабаровском краях, Оренбургской области.

33
Сооснователь Google Сергей Брин рекомендовал ИИ-подразделению Google DeepMind работать по 60 часов в неделю

И посоветовал сотрудникам приходить в офис «хотя бы» в будни, чтобы выиграть гонку за AGI.

Сергей Брин. Источник фото: Kelly Sullivan / Getty Images
2626
55
11
2023 - Google уволит 12 тыс. сотрудников по всему миру — это 6% от штата компании В январе 2024 года Google сократил около 1000 сотрудников в марте 2025 - Сооснователь Google Сергей Брин рекомендовал ИИ-подразделению Google DeepMind работать по 60 часов о
[]