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

Интеграция с конструкторами страниц типа сервиса Tilda позволяет вызывать команды Автопилота после заполнения подписчиком формы на вашем сайте.

Сервис при этом должен иметь функцию отправки данных на произвольный адрес (так называемый «вебхук»). Пример: для сбора заявок.т.е. пользователь заполняет форму,

Для интеграции с Тильдой, достаточно (и рекомендуется) использовать ссылку из события «Входящий запрос» без доп. параметров (вариант 2 в разделе «Разница между GET и POST запросами на сервис Автопилот» этой статьи).

Пошаговый план действий

1. Создайте команду с событием «Входящий запрос»,
2. Скопируйте ссылку из параметра события «адрес»,
3. Перейдите в Тильде в «Настройки сайта» → «Формы»,
4. Там среди списка сервисов найдите сервис Webhook (на самом деле это название метода интеграции) и нажмите по нему для добавления.
5. В поле параметра Webhook URL вставьте скопированную ссылку.
6. После сохранения можете открыть добавленный «вебхук» (кнопка Настройки рядом со ссылкой) и изменить ему параметр «Название в списке». Так потом будет легче понимать какой вебхук какой команде/событию отвечает.
7. При необходимости подключить несколько разных событий, просто добавьте несколько вебхуков (сервисов) в Тильде с разными ссылками.
8. Зайдите на страницу и добавьте там блок «форма с несколькими полями».
9. В настройках контента формы в параметре «Подключенные сервисы», поставьте галочку рядом с вебхуком Автопилота.
10. В «Полях для ввода» добавьте нужные поля, обязательно заполняя латиницей (без других символов) параметр «Имя переменной» в каждом поле. Эти же имена будут переменными в Автопилоте. Так что учитывайте особенности их формирования.
11. Для возможности идентифицировать подписчика обязательно добавьте одно из следующих полей (пропишите точно такое же «имя переменной» в поле):

• email - эл. адрес;
• surl — ссылка на профиль подписчика в VK;
• sid — ID подписчика в VK.

Настройка формы Tilda

Для настройки формы добавляем блок с формой на странице согласно видео. Примеры в карусели:

1 of 4

Интеграция с «собственным» сайтом/скриптом

В Тильде используется универсальный метод. Поэтому при использовании собственного РНР скрипта (для сайта на HTML или PHP), все настраивается аналогично.

1. Настоятельно не рекомендуется использовать ссылку из «события» (хоть и должно сработать) как значение атрибута action тега <form>. Так как она содержит важные секретные данные, которые стоит прятать от третьих лиц.
2. Лучше использовать ее в собственном РНР скрипте, например как аргумент параметра CURLOPT_URL, функции curl_setopt_array(). Пример РНР функции для отправки запроса можете попросить в техподдержке.
3. Именами переменных будут значения атрибутов name="" полей вашей формы (теги <input>, <select>,<textarea> и пр.).

Команда «Реакция на заполнение формы»

Важно! Данный пример будет работать только с примером показанным в видео выше.
Важная информация: т.к. в событии нет дополнительных данных с VK ID пользователя, будет списываться миля даже с администратора.

Событие:

1) Для реакции на форму используем событие «Входящий запрос»

Действия:

1) Опционально: Для отправки сообщения сотрудникам используем действие «Отправить сообщение в VK» с переключателем «сотрудникам»
с текстом (все переменные из примера):

 #заполнена_форма
 email: %email%
 Имя: %first_name%
 Фамилия: %last_name%
 Телефон: %phone%
 subs_id: %subs_id%
 sid: %sid%
 
 UTM:
 utm_source: %utm_source% 
 utm_medium: %utm_medium%
 utm_campaign: %utm_campaign%
 
 системные поля: 
 ___________________
 tranid (уникальный номер заявки): %tranid% 
 formid (HTML ID формы): %formid% (может использоваться для формирования ссылки на   форму). Например, ссылка на страницу в тильде:
 http://project7005896.tilda.ws/#%formid%
 
 Диалог с пользователем: 
 vk.com/gim%event_club_id%?sel=%subs_id%

Важно! Отправка сообщения клиенту в личку возможна только в случае если пользователь разрешил сообщения, согласно азбуке рассылок. Другими словами, если клиент уже имел диалог с сообществом то он получит сообщения.

2) Для отправки сообщения клиенту используем действие «Отправить сообщение в VK» с текстом:

%first_name%, спасибо за заявку. Ожидайте с вами свяжутся.

Все. Тестируем.

Как мы видим: что в связке автопилота и тильды нет ничего сложного. Творческих взлётов и успешного внедрения!