Интеграция с Tilda
В этой статье мы расскажем о том, как подключить все формы сайта, сделанного на конструкторе Tilda, к CRM Hollihop. После подключения данные всех форм будут моментально передаваться в CRM в раздел "Заявки". Если пользователь пришёл на сайт по ссылке с utm-метками, то метки также передадутся в CRM.
1. Войдите в ваш аккаунт Tilda, выберите сайт, который будете подключать к CRM, и откройте его настройки:
![ab9db0fc6340de606ad4d20beb2fe61f.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/ab9db0fc6340de606ad4d20beb2fe61f.png)
2. В открывшемся окне перейдите в раздел "Формы" в левом меню. В нижней части окна в блоке "Другое" нажмите на пункт "Webhook":
![9337ec3006e0c39c0699feebdf48cdfc.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/9337ec3006e0c39c0699feebdf48cdfc.png)
3. Откроется такое окно:
![b74009adc63a48c77829dccefcfda63f.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/b74009adc63a48c77829dccefcfda63f.png)
4. Перейдите в вашу CRM-систему в раздел Настройки - Интеграция - API - Заявки. Нажмите на кнопку копирования справа от поля с адресом вебхука:
![2413e1eb37ed49161b38ef81073e504f.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/2413e1eb37ed49161b38ef81073e504f.png)
5. Вставьте содержимое поля в открытые у вас настройки вашего сайта на Тильде в поле "Webhook URL" (щёлкните правой кнопкой по полю, выберите "вставить"):
![777df11539cf6d78896a75e8c920f0c1.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/777df11539cf6d78896a75e8c920f0c1.png)
Нажмите "Добавить".
6. На следующей странице под текстом "Добавить приемщик данных ко всем формам на сайте?" нажмите "Добавить":
![022dec802006e9b0e9e0fb68bfb24a3d.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/022dec802006e9b0e9e0fb68bfb24a3d.png)
7. В вашем аккаунте Tilda перейдите на страницу с формой, которую надо подключить к CRM. В блоке с формой нажмите "Контент":
![f1616d08aec6ba27417393dbf508e03b.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/f1616d08aec6ba27417393dbf508e03b.png)
8. В открывшемся окне в разделе "Поля для ввода" в каждом поле пропишите имя переменной из словарика ниже. Каждое такое имя будет передавать данные в соответствующую колонку в разделе "Заявки" и автоматически прописываться в параметрах создаваемого из заявки клиента.
![87b660191ade5d891ba72043e36bc48c.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/87b660191ade5d891ba72043e36bc48c.png)
9. Если вы хотите передавать описание формы в СРМ, добавьте новое поле, выберите его тип "Скрытое поле", пропишите имя переменной type и впишите любое описание, например, "Заявка с главной страницы":
![4b3c60796cab3341a876c308a36a8489.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/4b3c60796cab3341a876c308a36a8489.png)
Это поле не будет видимым для пользователей вашего сайта. Его значение передастся в СРМ в колонку "Тип" раздела "Заявки":
![e763529b9feae9183844e1fda5ac2522.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/e763529b9feae9183844e1fda5ac2522.png)
10. Сохраните данные вверху страницы.
11. Пропишите имена переменных в остальных формах на странице.
12. Опубликуйте обновлённую страницу:
![3c2c18f9d22787405845d1d911612a66.png](https://138018.selcdn.ru/KB_images/omnideskru/8101/261272/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 другие данные, либо хотите ввести дополнительные настройки, потребуется помощь вашего программиста