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

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

Бизнес задачи, которые решает Tilda:

  • Создание посадочных страниц (landing page) и полноценных сайтов, в т.ч. блогов и интернет-магазинов.
  • Сбор контактов на целевой странице.

Что дает интеграция

Интеграция Tilda и Unisender дает возможность автоматически передавать контактные данные клиентов из Tilda в сервис рассылок, чтобы отправлять им письма согласно стратегии email-маркетинга.

Что нужно для интеграции

Чтобы объединить сервисы, вам понадобятся аккаунты в Tilda и Unisender.

 

У вас должен быть оплачен один из тарифных планов Tilda Publishing. На бесплатном тарифе интеграция недоступна.

Также потребуется API-ключ Unisender (секретный код, по которому Tilda поймет, куда передавать данные) и ID списка, в который будут добавляться контакты.

Как работают интеграции

Интеграции в Unisender позволяют в автоматическом режиме производить разные действия с данными ваших клиентов и передавать их в Unisender.  

Интеграции имеют событийный функционал, то есть действие (экшен) совершается только после того, как произошло другое действие (триггер). Все интеграции работают по одному принципу: если произошло событие А, или триггер, то происходит действие Б, или экшен.

Пример: новый контакт добавляется в воронку в amoCRM (триггер), после этого он попадает в список контактов в Unisender (экшен).

Триггер может быть только один, а экшенов может быть как один, так и несколько.

Как подключить интеграцию Tilda и Unisender в личном кабинете

В разделе «Интеграции» — «Мои интеграции» на странице «Мои связки» нажмите «Новая связка». Откроется конструктор связки. В конструкторе связок вы можете создавать новые связки и редактировать уже созданные.

Как создать и настроить связку

Как отредактировать связку

Как создать новую связку.

Настройка триггера в Tilda

Для начала кликните на «Добавить триггер, который будет запускать связку».

как настроить интеграцию Unisender с Tilda

Выберите Tilda в выпадающем списке.

как настроить интеграцию Unisender с Tilda

Затем выберите триггер «Данные из формы».

как настроить интеграцию Unisender с Tilda

Дайте название создаваемому подключению и нажмите «Далее».

Подробнее о том, как подключить сервис для интеграции

как настроить интеграцию Unisender с Tilda

В появившемся окне нажмите «Понятно». Подключение будет создано.

как настроить интеграцию Unisender с Tilda

В окне Ловец Хуков скопируйте сформированный вебхук и перейдите к настройкам Тильды. 

Далее проходим по цепочке Настройки сайта Формы Webhook. Вставляем вебхук из меню Unisender в соответствующем поле на данном экране.

как настроить интеграцию Unisender с Tilda

После добавления вебхука нужно сохранить изменения. Опускаемся вниз до кнопки «Сохранить». Также здесь можно настроить подключение вебхуков ко всему сайту.

Если нужно получать данные с какой-то конкретной формы, в редакторе страницы перейдите в настройки контента блока формы:

как настроить интеграцию Unisender с Tilda

Чтобы Ловец хуков Unisender смог определить передаваемые поля, сделайте тестовый запрос. Перейдите в Unisender, нажмите «Ожидать веб-хук» и введите тестовые данные в Тильде. Через несколько секунд подтянутся данные, которые можно передавать в Unisender.

как настроить интеграцию Unisender с Tilda

как настроить интеграцию Unisender с Tilda

Настройка экшена в Unisender

Теперь настроим работу связки со стороны Unisender. Кликните на «Добавьте действие, которое будет происходить после старта связки».

В открывшемся окне выберите из выпадающего списка сервис Unisender.

как настроить интеграцию Unisender с Tilda

Затем выберите действие, которое будет происходить на стороне Unisender —  «Добавить новый контакт».

как настроить интеграцию Unisender с Tilda

Аккаунт Unisender подключится автоматически.

Откроется окно с настройкой полей. Поля нужно соединить, чтобы информация о клиентах попала в нужную строку. Электронная почта — к Email, телефон клиента в Телефон и так далее.

как настроить интеграцию Unisender с Tilda

Выберите нужные поля для передачи в выпадающем списке Tilda:

Правила перезаписи — установите правило, как будут сохраняться в Unisender данные по контактам, которые уже есть в сервисе. 

Email — для передачи электронной почты. Является обязательным для заполнения полем.

Телефон — для передачи номера телефона.

Список контактов — список, созданный в Unisender. В него будут поступать передаваемые из Tilda контакты. Является обязательным для заполнения полем.

Теги нового контакта  —  устанавливаются пользователем Unisender произвольно. 

Двухэтапная подписка — требуется ли дополнительное письмо для подтверждения подписки или нет. Для того чтобы данные передавались в выбранный список, а вам не нужно было запрашивать повторно подтверждение подписки у пользователя, всегда выбирайте пункт «Письмо-приглашение не требуется» (3). 

После того как вы настроите все поля, нажмите внизу кнопку «Сохранить». Чтобы данные начали поступать из Тильды в Unisender, нажмите кнопку «Запустить».

как настроить интеграцию Unisender с Tilda

Если вы решите отредактировать связку, ее нужно остановить. Для этого нажмите на паузу, а затем отредактируйте нужные поля.

Как отредактировать связку

 

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

Техническая поддержка

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

Как подключить Unisender к Tilda (альтернативный вариант)

Зайдите в личный кабинет на сайте Tilda. Перейдите в «Настройки сайта > Формы > Unisender».

заполняем форму

Заполните форму для подключения Unisender. Вставьте API код, скопированный на предыдущем шаге. Также добавьте код списка рассылки (ID) и включите подтверждение email при подписке.

окно подключения сервиса

 

Обязательно настройте «Инструменты подписки и отписки» для указанного списка в личном кабинете Unisender, в том числе письмо подтверждения подписки, иначе контакты не будут попадать в список.

Чтобы узнать код списка рассылки, зайдите в личный кабинет Unisender. Выберите в меню «Контакты» — «Cписки» и скопируйте ID нужного списка из колонки справа.

Как создать список контактов

Как скопировать ID списка

Если все сделали правильно, то после сохранения откроется страница с настройками сайта, где будет указано, что Unisender активирован.

Unisender подключен

Теперь на нужной странице сайта добавьте блок с формой и откройте меню настройки «Контент».

добавление блока

В «Подключенных сервисах» отметьте галочкой Unisender. Сохраните и опубликуйте страницу.

отмечаем галочкой.

Если после публикации страницы и заполнения формы контакты в Unisender не появляются, проблема может быть в следующем:

  • не настроено письмо подтверждения подписки в «Инструментах подписки и отписки» в Unisender;
  • пользователь заполняет форму на одном домене, а в настройках приемщика указан другой домен;
  • вы удалили приемщик, потом создали новый, а в форме не указали новый приемщик и не переопубликовали страницу.

Мониторинг ошибок. Зайдите в «Заявки проекта» и там кликните на «Лог ошибок», которые возникли при добавлении контактов в Unisender. Подробная инструкция.

Техническая поддержка

Интеграция подготовлена сервисом Tilda. По всем техническим вопросам обращайтесь в техподдержку Tilda через форму в личном кабинете или пишите на почту team@tilda.cc.

Полезные ссылки

Добавление контактов в список рассылки Unisender в Tilda
Почему Tilda полезный инструмент для маркетолога

Вы нашли ответ?

48
27