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

Основные поля:

  • Имя - будет передано в поле name;
  • Электронная почта - будет передана в поле email;
  • Телефон - будет передан в поле phone;
  • Комментарий (Текстовое поле) - будет передан в поле comment;
  • Комментарий (Многострочный текст) - будет передан в поле comment.

Дополнительные поля:

  • Количество;
  • Галочки;
  • Галочки с картинками;
  • Одна галочка;
  • Варианты;
  • Варианты с картинками
  • Выпадающий список;
  • Файл - только название файла;
  • Ползунок;
  • Калькулятор;
  • Галочка с согласием на обработку персональных данных;
  • Скрытое поле;
  • Название товара или название формы;
  • Адрес страницы;
  • utm_метки.

Заметка: все дополнительные поля будут передаваться через comment в виде названия поля и выбранного в нем значения/значений.

ПРОВЕРЬТЕ ЭТО ПЕРЕД ТЕМ, КАК ПРИСТУПИТЬ К ПОДКЛЮЧЕНИЮ ИНТЕГРАЦИИ

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

  • Для поля или полей, где посетитель вводит ФИО, тип поля должен быть ”Имя”;
  • Для поля или полей, где посетитель вводит email, тип поля должен быть ”Электронная почта”;
  • Для поля или полей, где посетитель вводит номер телефона, тип поля должен быть ”Номер телефона”;
  • Для поля или полей, где посетитель вводит комментарий, тип поля должен быть ”Текстовое поле” или ”Многострочный текст”.
  • Передача данных с формы произойдет при условии, что в настройках формы выбрано любое действие, в котором есть действие ”Сообщение", а "Очередность" установлена на "После закрытия сообщения" или "Спустя 3, 5, 10 секунд".

ПОДКЛЮЧЕНИЕ ИНТЕГРАЦИИ

1. Создайте список контактов в разделе ”Контакты”, если еще не сделали этого ранее.

2. Нажмите на заголовок созданного списка и откройте в нем ”Инструменты подписки и отписки”, эта кнопка расположена внизу списка.

3. В появившихся настройках введите название темы вашего письма подтверждения на подписку, это может быть любое название, а также укажите в полях ”От кого” и ”С адреса” email-адрес вашей организации. В случае отсутствия корпоративной почты можно указать личную. По завершению нажмите на кнопку ”Сохранить”.

4. Добавьте два дополнительных поля. Для этого выполните следующие действия:

  • Нажмите на кнопку ”Создать новые поля” и введите следующие значения:
    - В поле ”Название” введите слово ”Имя”;
    - В поле ”Переменная для подстановки” введите слово ”name”;
    - В поле ”Тип поля” выберите вариант ”Строка”;
    - После введения данных сохраните новое поле.
  • Создайте еще одно поле:
    - В ”Название” введите слово ”Комментарий”;
    - В ”Переменная для подстановки” введите слово ”comment”;
    - В ”Тип поля” выберите ”Текст”;
    - Сохраните еще одно поле.
  • В результате созданные поля должны отобразиться в таком виде.

5. Перейдите в подраздел ”Формы подписки”, что в разделе ”Инструменты” и нажмите на кнопку ”Создать новую форму”.

6. В редакторе формы выполните следующие действия:

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

Заметка: в следующих пунктах нужно добавить несколько дополнительных полей, но вы можете оставить только стандартное поле ”Email” не добавляя новых, так как это не помешает выполнять дальнейшую рассылку. В этом случае перейдите к 7 шагу данной инструкции. Однако добавив поля вы сможете получить больше сведений о вашем подписчике.

  • Добавьте в форму три новых поля. Два поля с типом ”Строковое поле”, одно поле с типом ”Поле ввода”;
  • Настройте первое поле следующим способом:
    - Нажмите по самому полю, а затем нажмите на кнопку в виде гаечного ключа;
    - В окне настроек поля выберите вкладку ”Параметры”, а в ней в поле ”Связь” укажите ”Имя”.
  • Настройте второе поле следующим способом:
    - Нажмите по самому полю, а затем нажмите на кнопку в виде гаечного ключа;
    - В окне настроек поля выберите вкладку ”Параметры”, а в ней в поле ”Связь” укажите ”Телефон”.
  • Настройте четвертое поле следующим способом:
    - Нажмите по самому полю, а затем нажмите на кнопку в виде гаечного ключа;
    - В окне настроек поля выберите вкладку ”Параметры”, а в ней в поле ”Связь” укажите ”Комментарий”.
  • В результате ваша форма должна выглядеть так.

7. Нажмите на кнопку ”Сохранить” и дождавшись сохранения нажмите на кнопку ”Получить HTML”. В появившемся окне выберите ”Это код формы для веб-разработчика” и нажмите на кнопку ”Скопировать”.

8. Скопированный код добавьте в виджет ”Вставка HTML кода” в редакторе всех тех страниц вашего сайта, где посетитель сможет оставить заявку. После чего повторно опубликуйте страницу.

9. В настройках сайта во вкладке ”Свой код” в конце поля ”Перед </body>” добавьте такой скрипт и нажмите на кнопку ”Сохранить”.

ВАЖНО! Если ранее вы уже добавляли к сайту данный скрипт из других инструкций, то повторное добавление не требуется. В случае случайного или намеренного повторного добавления отправка данных будет дублироваться или это может привести к другим непредвиденным ошибкам.

<!--СКРИПТ ДЛЯ ОБЕСПЕЧЕНИЯ РАБОТЫ ИНТЕГРАЦИЙ-->
<script type="text/javascript">
  var date = new Date();
  var currentDate = String(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());
  var initialization = document.createElement('script');
  initialization.type = 'text/javascript';
  initialization.src = 'https://i.1.creatium.io/disk/static/support-scripts/integration/integration.js?data=' + currentDate;
  initialization.charset = 'UTF-8';
  document.body.appendChild(initialization);
</script>

10. Если все шаги инструкция выполнены корректно, то можно приступить к проверке работоспособности интеграции. Для этого убедитесь, что внесенные изменения в настройках сайта сохранены, а страницы сайта опубликованы и выполните повторное открытие сайта. После чего оставьте на сайте заявку, а ее наличие проверьте в вашем аккаунте UniSender в том списке контактов, к которому подключена данная форма.

Заметка: при открытии страницы скрипт сервиса UniSender может быть заблокирован блокировщиком рекламы, таким как AdBlock, AdGuard и другие. По этому отключите его на своей странице перед проверкой интеграции на работоспособность.

ДОПОЛНИТЕЛЬНЫЕ МАТЕРИАЛЫ

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