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

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

Основные особенности Formdesigner:

  • 30 готовых элементов веб-форм;
  • drag & drop интерфейс;
  • многостраничные веб-формы;
  • возможность персонализировать веб-формы;
  • веб-формы с возможностью загрузки файлов.

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

Чтобы настроить интеграцию, следуйте инструкции.

 

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

Шаг 1: Добавьте подключение в Unisender

Войдите в личный кабинет Unisender и перейдите в раздел «Интеграции» — «Мои интеграции» — «Подключения».

Перейдите в раздел «Подключения».

Нажмите на кнопку «Добавить подключение».

Нажмите «Добавить подключение».

В выпадающем списке выберите сервис Formdesigner и нажмите кнопку «Добавить подключение».

Выберите сервис Formdesigner и нажмите «Добавить подключение».

Укажите название для вашего подключения и нажмите кнопку «Далее».

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

В открывшемся окне нажмите «Понятно».

Нажмите «Понятно».

Скопируйте вебхук, нажав на значок копирования.

Как скопировать вебхук.

Шаг 2: Настройте модуль интеграции в Formdesigner

Войдите в личный кабинет Formdesigner. 

Найдите и выберите нужную вам форму. В настройках этой формы перейдите в раздел «Модули» и с помощью поиска найдите модуль WebHooks.

Как найти модуль WebHooks.

Наведите курсор мыши на найденный модуль и нажмите кнопку «Добавить».

Кнопка добавления модуля WebHooks.

Откроется окно с настройками модуля WebHooks.

Выполните следующие действия:

  1. Вставьте в поле «URL адрес» вебхук, который вы скопировали в Unisender.
  2. В качестве метода передачи данных выберите «POST».
  3. Настройте переменные для отправки данных. В правом поле выберите из выпадающего списка нужный параметр. В левом поле задайте ключ (имя параметра). Например, name – Ваше имя.

Настройки модуля WebHooks.

Сохраните результат.

Опубликуйте вашу форму, чтобы начать получать из нее данные.

Шаг 3: Создайте связку в Unisender

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

Чтобы создать связку, перейдите на страницу «Мои связки» и нажмите «Новая связка».

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

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

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

Как добавить триггер.

В открывшемся окне выберите Formdesigner в качестве сервиса, откуда будут поступать данные. В качестве события выберите «Получение данных из форм».

Нажмите кнопку «Добавить триггер».

Настройки триггера.

Запустите «Ловец хуков», нажав кнопку «Ожидать веб-хук».

Запустите «Ловец хуков».

Ловец вебхуков получит отправленные из Formdesigner данные. Если все настроено правильно, вы увидите соответствующее уведомление:

Уведомление о получении вебхука.

Перейдите к настройке второго шага связки, нажав на значок плюсика.

Нажмите на плюсик, чтобы перейти к настройкам второго шага.

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

Затем нажмите кнопку «Добавить действие».

Как добавить действие.

Настройке поля для передачи данных из формы:

  • Правила перезаписи — установите правило, как будут сохраняться в Unisender данные по контактам, которые уже есть в сервисе. 
  • Email — для передачи электронной почты. Является обязательным для заполнения полем.
  • Телефон — для передачи номера телефона.
  • Список контактов — список, созданный в Unisender. В него будут поступать передаваемые из Formdesigner контакты. Является обязательным для заполнения полем.
  • Теги нового контакты  —  устанавливаются пользователем Unisender произвольно. 
  • Двухэтапная подписка — требуется ли дополнительное письмо для подтверждения подписки или нет. Для того чтобы данные передавались в выбранный список, а вам не нужно было запрашивать повторно подтверждение подписки у пользователя, всегда выбирайте пункт «Письмо-приглашение не требуется» (3).

Настройте поля для действия.

Сохраните настройки и запустите интеграцию.

Готовая интеграция Unisender и Formdesigner.

Поздравляем! Теперь у вас настроена интеграция Unisender и Formdesigner.

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

1
0