Интеграция с веб-формами на 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”. Также нужно обращать внимание на регистры: они должны быть идентичными.

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

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

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

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

Важно!

Формы подписки по умолчанию создаются с включенным "Double opt-in".

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

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

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

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

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

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

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

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

Важно!

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

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