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

Интеграция с Tilda представляет собой создание Webhook для определения источника заявки и дальнейшего внесения его в статистику. Если ваш сайт сделан на конструкторе Tilda, то вы можете настроить данную интеграцию. Webhook умеет точно определять, откуда пришла заявка, после чего сразу вносит ее в аналитику.

Сначала добавим Webhook в Параплан. Для этого нужно:

• Перейти в раздел Настройки
• Далее выбрать вкладку Интеграции
• На одной строке со словом Tilda нажать на кнопку +Добавить
• Далее в открывшемся окне заполняем строки:
• Название - вводим название Webhook
• Источник заявки - выбираем исходя из того, где будете размещать ссылку на виджет
• Нажать на кнопку ✓Добавить

После того, как вы добавили Webhook, он появится в строке под словом Tilda. Если на него кликнуть, то откроется окошко с данными, а также со ссылкой на Webhook. Она нам еще пригодится. Далее мы переходим к настройкам в Tilda.

Чтобы настроить Webhook для Tilda, нужно:

• Перейти на вкладку Мои сайты в Tilda. Если сайт не создан, то необходимо его добавить
• Нажать на карточку сайта
• Нажать на кнопку Настройка сайта
• Перейти на вкладку Формы
• Выбрать из списка пункт Webhook
• В открывшемся окне вставить в поле Webhook URL вставить вебхук Параплана (выше мы создали Webhook в CRM-системе, ссылку берем оттуда).
• Перейти в Tilda и вставить ссылку, затем нажать кнопку Добавить. После добавления сервиса необходимо кликнуть на Подключить сервис ко всем формам на сайте

Для связи полей Параплана и Tilda необходимо:

• Перейти на вкладку Мои сайты
• Перейти на необходимую страницу сайта, кликнув по её названию
• Найти необходимый блок контента с формой отправки данных
• Кликнуть на кнопку Контент на выбранном блоке
• Открыть блок Поле для ввода в открывшейся панели слева

При использовании полей формы необходимо указывать явно имена переменных для каждого поля формы:

• для поля с типом email имя переменной = email
• для поля с типом Имя, имя переменной = name
• для поля с типом Телефон, имя переменной = phone
• для поля с типом Текстовый комментарий, имя переменной = comment

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

В Параплане не поддерживаются следующие типы полей Tilda: способ связи, вопрос с вариантами ответа в виде картинок, файл. Для всех остальных ниже приводится список соотношения типов полей Параплана и Tilda:

Чекбокс = Галочка, Дата = Дата, Ссылка = Ссылка, Выбор одного значения = Выпадающий список, Выбор одного значения = Вопрос с вариантами ответа (1 вариант), Однострочный текст = Все остальные типы Tilda.

Нажмите на кнопку Сохранить и Закрыть, после чего обязательно переопубликуйте все страницы сайта и заполните созданную форму для проверки интеграци.

Настройка завершена.

Важная информация

• Копируйте названия переменных в Параплане через соответствующий символ в конце каждой строки.
• Если в Тильда у вас есть поле с выбором значений, то варианты значений необходимо копировать из самого Параплана (у полей будет иконка стрелки с выпадающим списком вариантов значений). Проверка осуществляется по символам, поэтому варианты значений в Тильда и Параплане должны совпадать символ в символ.