Skip to main content

Интеграция с Tilda

В этой статье мы расскажем о том, как подключить все формы сайта, сделанного на конструкторе Tilda, к CRM Hollihop. После подключения данные всех форм будут моментально передаваться в CRM в раздел "Заявки". Если пользователь пришёл на сайт по ссылке с utm-метками, то метки также передадутся в CRM.

1. Войдите в ваш аккаунт Tilda, выберите сайт, который будете подключать к CRM, и откройте его настройки:

ab9db0fc6340de606ad4d20beb2fe61f.png

2. В открывшемся окне перейдите в раздел "Формы" в левом меню. В нижней части окна в блоке "Другое" нажмите на пункт "Webhook":

9337ec3006e0c39c0699feebdf48cdfc.png

3. Откроется такое окно:

b74009adc63a48c77829dccefcfda63f.png

4. Перейдите в вашу CRM-систему в раздел Настройки - Интеграция - API - Заявки. Нажмите на кнопку копирования справа от поля с адресом вебхука:

2413e1eb37ed49161b38ef81073e504f.png

5. Вставьте содержимое поля в открытые у вас настройки вашего сайта на Тильде в поле "Webhook URL" (щёлкните правой кнопкой по полю, выберите "вставить"):

777df11539cf6d78896a75e8c920f0c1.png

Нажмите "Добавить".

6. На следующей странице под текстом "Добавить приемщик данных ко всем формам на сайте?" нажмите "Добавить":

022dec802006e9b0e9e0fb68bfb24a3d.png

7. В вашем аккаунте Tilda перейдите на страницу с формой, которую надо подключить к CRM. В блоке с формой нажмите "Контент":

f1616d08aec6ba27417393dbf508e03b.png

8. В открывшемся окне в разделе "Поля для ввода" в каждом поле пропишите имя переменной из словарика ниже. Каждое такое имя будет передавать данные в соответствующую колонку в разделе "Заявки" и автоматически прописываться в параметрах создаваемого из заявки клиента.

87b660191ade5d891ba72043e36bc48c.png

9. Если вы хотите передавать описание формы в СРМ, добавьте новое поле, выберите его тип "Скрытое поле", пропишите имя переменной type и впишите любое описание, например, "Заявка с главной страницы":

4b3c60796cab3341a876c308a36a8489.png

Это поле не будет видимым для пользователей вашего сайта. Его значение передастся в СРМ в колонку "Тип" раздела "Заявки":

e763529b9feae9183844e1fda5ac2522.png

10. Сохраните данные вверху страницы.

11. Пропишите имена переменных в остальных формах на странице.

12. Опубликуйте обновлённую страницу:

3c2c18f9d22787405845d1d911612a66.png

13. Пропишите имена переменных в формах на остальных страницах, не забывайте сохранять изменения в формах и публиковать обновлённые страницы.

Готово!

Проверка работы интеграции

Обязательно проверьте работу интеграции - это поможет вовремя выявить возможные ошибки в заполнении форм.

Откройте ваш сайт, попробуйте заполнить произвольными данными формы на разных страницах и отправьте их. Откройте СРМ-систему (раздел "Заявки") и проверьте, все ли формы передают данные, и передают ли они их корректно.

Словарик имён переменных

fullName - ФИО клиента.

eMail - электронный адрес клиента.

phone - телефон клиента.

birthday - дата рождения клиента. Чтобы дата рождения сохранялась в предназначенном для неё поле в СРМ, она должна быть в формате ГГГГ-ММ-ДД, например, 1984-02-25. Дата в ином формате будет передаваться в поле "Примечание".

agentFullName - ФИО контактного лица клиента, например, родителя.

agentEMail - электронный адрес контактного лица.

agentPhone - телефон контактного лица.

beginDate - дата начала предпочтительного расписания.

endDate - дата окончания предпочтительного расписания.

weekdays - дни недели предпочтительного расписания.

beginTime - время начала предпочтительного расписания.

endTime - время окончания предпочтительного расписания.

teacher - преподаватель, будет виден в соответствующей колонке в заявках и в истории созданного клиента.

description - примечание к заявке.

Значения следующих полей должны в точности соответствовать значениям в вашей СРМ, чтобы поля в создаваемой карточке клиента заполнялись автоматически!

discipline - дисциплина (язык).

level - уровень.

maturity - возрастная категория.

location - локация.

office - название филиала.

Если вы хотите передавать из Tilda другие данные, либо хотите ввести дополнительные настройки, потребуется помощь вашего программиста