Перейти к основному содержимому

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

У сайтов на Tilda есть собственный конструктор для создания форм сбора подписчиков. Данные из таких форм можно автоматически импортировать в Sendsay, сохранять в анкетах и использовать в работе с рассылками.

Как настроить автоматический импорт данных

В Sendsay можно настроить автоматический импорт данных, которые посетители сайтов на Tilda оставляют в формах. Это можно сделать в пять шагов:

1. Создайте интеграцию в Sendsay

  1. Перейдите в предыдущий интерфейс по ссылке, либо откройте меню аккаунта в правом верхнем углу и выберите пункт Предыдущий интерфейс.

  2. Откройте раздел Подписчики → Интеграции и выберите пункт Tilda.

    How to create integration with Tilda

2. Выберите настройки интеграции и получите ссылку

У интеграции всего три настройки:

  1. Список контактов, куда будут импортироваться данные из формы.

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

    • «статус New задается, если подписчик добавлен в базу (B)», то есть на все новые адреса,
    • «статус New задается, если подписчик добавлен в базу и/или группу (G)» — только на те адреса, у которых нет совпадений в выбранном списке контактов.
  3. Шаблон приветственного письма. После выбора настроек нажмите «Получить ссылку для Tilda» — сервис сгенерирует ссылку, которую нужно добавить на сайт.

    Tilda link

3. Вставьте ссылку в настройках формы

  1. Войдите в аккаунт на Tilda и откройте сайт, откуда вы хотите импортировать подписчиков.

  2. Откройте настройки сайта и перейдите в раздел «Формы». В блоке «Другое» выберите пункт Webhook.

    Tilda webhook

  3. Вставьте сгенерированную ссылку и нажмите «Добавить». После этого вам предложат подключить ссылку к формам на сайте:

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

    Connect Sendsay link to Tilda

4. Настройте название формы

Откройте настройки блока с формой — название указывается под шириной и отступом. В названиях полей и формы можно использовать любые символы.

Важно

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

How to set form name

В конце заново опубликуйте страницу с формой, чтобы изменения вступили в силу.

How to publish Tilda form

5. Протестируйте, всё ли работает

Заполните форму на сайте и нажмите «Отправить». Затем в Sendsay откройте список, куда добавляются контакты из формы — там должен появиться ваш адрес.

Другие данные из формы можно посмотреть пока только в предыдущем интерфейсе (но мы работаем над тем, чтобы добавить их в новый):

  1. Откройте карточку подписчика и перейдите в раздел «Данные».

  2. В блоке «Произвольные данные» раскройте секцию tildaforms и найдите блок с названием формы.

    How to test Tilda integration

Как связать форму Sendsay с формой Tilda

Одну или несколько форм Tilda можно связать с формой Sendsay. Это полезно, если вы хотите:

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

Связать формы можно за 4 шага:

1. Создайте форму на Tilda

Войдите в аккаунт на Tilda и откройте сайт, на котором будет находиться форма. Создайте блок с формой.

How to make a tilda form

Перейдите в настройки формы и задайте название. Рекомендуем использовать латинские символы, цифры, точки, минусы и знаки подчёркивания. Пробелы, знаки препинания и другие нераспознанные символы система заменит на знаки подчёркивания.

How to create tilda form

2. Создайте и активируйте форму в Sendsay

В Sendsay создайте новую форму и назовите её в формате: tilda_<название формы Tilda>.

How to create sendsay form

Как создать форму

Поля в форме должны дублировать поля формы Tilda.

Как настроить дизайн формы в редакторе

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

Завершив настройку формы, активируйте её, нажав на кнопку в правом верхнем углу страницы.

3. Настройте форму на Tilda

Чтобы данные из Tilda передавались в нужные поля формы Sendsay, необходимо связать их друг с другом. Для этого понадобятся id полей формы Sendsay.

Есть два способа узнать id полей формы:

  1. Перейдите в раздел Подписчики → Анкеты.

  2. Откройте анкету, поля из которой вы добавляли в форму. How to open questionnaire

  3. Напротив каждого поля анкеты есть команда подстановки, в которой указан id поля. Field if in questionnaire

Полученные id полей формы Sendsay нужно указать в настройках соответствующих полей в Tilda.

Для этого в Tilda перейдите в меню «Контент» формы, откройте вкладку «Поля для ввода» и добавьте id из Sendsay в настройку «Имя переменной» нужного поля.

How to insert field id on tilda

4. Получите и активируйте вебхук для формы Tilda

Чтобы завершить настройку передачи данных из форм Tilda, необходимо получить ссылку для вебхука и активировать её в настройках формы.

Чтобы получить ссылку:

  1. В предыдущем интерфейсе перейдите в раздел Подписчики → Интеграции и выберите пункт Tilda.
  2. Заполните необходимые параметры и нажмите «Получить ссылку для Tilda».

Для активации вебхука вставьте полученную ссылку в настройках формы Tilda.

Читайте также:
Как использовать данные из Tilda в рассылках и сегментах
Формы сбора подписчиков
Анкеты и работа с данными