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

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

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

Перед настройкой интеграции вам нужно:

  • создать дополнительные поля в системе eSputnik, аналогичные полям, которые вы планируете добавить в форму;

  • подготовить письмо для подтверждения контакта (DOI);

  • подготовить форму подписки;

  • выбрать цель формы.

О создании дополнительных полей вы можете прочесть в специальной статье, а мы перейдем к следующим этапам подготовки.

Подготовка письма со ссылкой для подтверждения контакта

  1. Перейдите в раздел “Сообщения” - “Сообщения” и откройте заранее подготовленное письмо или создайте новое. Для создания нового письма можно использовать наши шаблоны.

  2. Кликните по кнопке, отвечающей за подтверждение подписки, и выберите одноименный тип ссылки.

Выбор типа ссылки

При этом тип события выбирать не обязательно, т. к. он подставляется автоматически и является системным. При желании, вы можете настроить и свое событие.

Выбор события в письме

Создание формы подписки

  1. Перейдите во вкладку “Сайт” - “Формы”.

Создание формы подписки

Здесь можно увидеть список созданных форм, количество запросов или заполнений каждой из них, а также дату последнего изменения. Здесь же можно удалить ненужную форму. Для этого нажмите на три точки напротив названия формы и выберите “Удалить”.

Список созданых форм

Важно!

В колонке “Запросы” считается количество заполнений форм, а не количество новых контактов. Люди могут заполнить форму, но не подписаться, либо заполнить ее больше одного раза.

  1. Нажмите кнопку “Создать интегрированную форму”.

Создать интегрированную форму

  1. Введите произвольное название и выберите сервис (пока доступен только Tilda). Нажмите “Далее”.

Ввод название формы

Выбор цели формы

Следующий шаг - определить цель формы.

  1. Необходимо выбрать, в какую группу будут добавляться контакты: в новую либо уже существующую. Если вы создаете новую группу, то задайте ей название и метки, которые будут полезны в быстрой навигации.

  1. Определяем, какие данные собираем. Для этого есть три опции:

  • Новые. Используется для сбора новых подписчиков. Для данной опции необходимо будет использовать Double Opt-In. Далее вы сможете выбрать письмо для подтверждения контакта, которое запускается с помощью системного сценария.

  • Все. Могут подписываться как новые, так и старые контакты. Это можно использовать, например, для записи на вебинар. Для клиентов, которые ранее не были подписаны, необходимо использовать Double Opt-In. Если существующий клиент заполнит форму, то в систему не придет событие и письмо подтверждения отправлено не будет.

  • Дополнительные данные для существующих контактов. Эта опция нужна для обновления контактной информации, когда, например, нужно собрать данные о дате рождения клиента. Новые контакты подписаться не смогут, следовательно, использовать Double Opt-In не нужно.

Выберите цель формы

Нажимаем “Далее” и переходим к следующему шагу.

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

Настройка соединения

  1. На вкладке “Интеграция с Tilda” добавьте ссылку на ваш сайт.

Добавление ссылки на ваш сайт

  1. Вставьте URL для Webhook в аккаунте Tilda. Для этого:

  1. Перейдите в личный кабинет Tilda и выберите ваш сайт.

Выбор сайта в Тильда

  1. Перейдите в настройки сайта, в раздел Формы, и выберите Webhook.

Настройка сайта в Tilda

  1. Далее скопируйте и вставьте автоматически сгенерированную ссылку в Webhook URL и нажмите кнопку “Добавить”. Ссылку можно найти на вкладке “Интеграция с Tilda”.

Добавление ссылки на Вебхук

  1. Вернитесь в личный кабинет и перейдите в режим редактирования сайта.

  2. Наведите курсор на блок с формой подписки и нажмите кнопку “Контент”.

Выбор Webhook

  1. Выберите созданный Webhook в подключенных сервисах и нажмите кнопку "Сохранить и закрыть”.

Выбор вебхук в настройках сайта

Сопоставление полей

Есть три поля, которые добавляются в поля контакта в eSputnik автоматически: email, номер телефона и имя.

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

Важно!

Для сопоставления доступны все поля простого типа: числовые и текстовые, а также чекбоксы, выпадающие списки, категории подписок и дата. Также можно выбрать формат даты и тип разделителя.

Выбор формата даты

Есть два варианта сопоставить их:

Для форм, опубликованных на сайте и подключенных к Webhook:

  1. Заполните вашу форму и отправьте запрос.

  2. Нажмите кнопку “Показать данные от Tilda”

Показать данные от Тильда

  1. Слева будут отображаться параметры запроса: поля и данные пользователя с Tilda. Необходимо сопоставить их с нужными дополнительными полями, созданными в eSputnik.

Сопоставление полей в eSputnik

Для форм, которые не опубликованы на сайте и не подключены к Webhook:

  1. Нажмите "Новое поле" и создайте параметр запроса вручную.

  2. Сопоставьте его с полем контакта

Поле для неопубликованной формы

Важно!

При сопоставлении данных с неопубликованной формой есть особенность: если в названии поля в Tilda есть пробел, например, “Your Age”, то его следует заменить на знак нижнего подчеркивания “_”, и запрос будет выглядеть так: “Your_Age”. Также нужно обращать внимание на регистры: они должны быть идентичными.

Нажимаем “Далее”.

Проверка и редактирование настроек

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

Проверка и редактирование настроек

Если вы сохраняете новые контакты, то необходимо добавить письмо, которое получит человек после подписки для подтверждения контакта.

Выбрать письмо подтверждения

Теперь нужно определиться, куда будет попадать клиент после подтверждения:

  • на стандартную страницу переадресации с благодарностью за подписку;

  • перейдет по вашему URL (при условии, что ваш домен верифицирован.

Также вы можете повысить вовлеченность, добавив приветственное письмо, которое клиент получит после подтверждения, либо целую цепочку писем.

Для добавления Welcome-письма нажмите кнопку “Выбрать сообщение”. Если вы хотите добавить цепочку приветственных писем, то откройте вкладку “Создать приветственную серию в конструкторе сценариев” и выберите свое событие.

Повышение вовлеченности

Важно!

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email