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

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

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

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

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

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

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

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

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

1. Создайте группу подписчиков перейдя по этой ссылке, если еще не сделали этого ранее. Название для группы можно указать любое.

2. Перейдите на вкладку ”Формы” и создайте ”Встраиваемую форму”. Название для формы также можно указать любое.

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

  • Удалите название и описание формы;
  • Добавьте в форму новые поля, точно такие же, как на показанном скриншоте;
  • Нажмите на кнопку ”Закончить”.

4. Открывшуюся страницу прокрутите вниз и выполните следующие действия с отображенным кодом:

  • Скопируйте первый скрипт и добавьте его в настройках вашего сайта, раздел ”Свой код” в поле ”Перед </head>”;
  • На всех страницах вашего сайта, где есть формы добавьте в любой части страницы виджет ”Вставка HTML кода” и поместите в него второй код с MailerLite. Добавить второй код MailerLite нужно всего один раз в рамках одной страницы;
  • Выполните повторную публикацию всех страниц сайта, где был добавлен код MailerLite.

Заметка: выполнив эти четыре шага мы просто подключили формы MailerLite к странице и их можно использовать вместо стандартных форм Creatium, но в этом случае заявки отобразятся только в MailerLite. Чтобы заявки отображались и в личном кабинете Creatium и в личном кабинете MailerLite продолжайте действовать по инструкции. Также следует учитывать, что форма MailerLite не будет отображаться, если при посещении страницы в браузере посетителя был включен блокировщик рекламы, например, AdBlock, AdGuard или другой.

5. Вернитесь к настройкам вашего сайта и поместите следующий скрипт в поле ”Перед </body>”.

<!--СКРИПТ ВКЛЮЧЕНИЯ ИНТЕГРАЦИИ ФОРМ CREATIUM С MAILERLITE-->
<script type="text/javascript">
  var mailerLiteFormHidden = true;
</script>

5. Дополнительно в самом конце поля ”Перед </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>

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

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

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

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