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

Попапы и встроенные блоки можно использовать не только для подачи информации, но и для сбора данных и взаимодействия с клиентами.
Для этого надо ввести определенные настройки в блок «Действия после заполнения формы»:

Набор и наличие действий зависит от особенностей выбранного шаблона.

Рассмотрим доступные шаги и их функционал.

Создать нового клиента или редактировать существующегоСоздать нового клиента или редактировать существующего

В этой настройке можно выбрать либо создание, либо редактирование.

Создать нового клиентаСоздать нового клиента

После заполнения формы клиент появится на проекте вместе со всеми заполненными полями и подписками.

Данные, которые можно передавать в каждом шаблонеДанные, которые можно передавать в каждом шаблоне

• UTM-метки (source, medium, campaign, term, content);
• URL, на котором был получен лид;
• Домен, на котором был получен лид;
• Название формы, из которой был создан лид;
• Город, ID города в базе GeoNames, страна пользователя;
• Дата, дата и время создания в формате ISO.

Как передать данныеКак передать данные

Заполняем настройки:

• Поле в Mindbox — в какое поле клиента в Mindbox вписываем данные.
• Поле формы — откуда из формы забираем данные для записи.
• Управление подписками — подписываем на канал или тематику.

Как выбрать поле в форме.

Пример настройки попапа для создания и подписки клиента:

Как отображается в карточке клиентаКак отображается в карточке клиента

При выборе шага создания клиента, для попапа автоматически генерируются операции и шаблоны действия вида: «Регистрация клиента в попапе Название попапа» и «Показ попапа Название попапа».

Клиент добавляется в базу с действием регистрации:

Действия до регистрации подтягиваются согласно правилам деанонимизации клиентов.

Подтверждение контактов и доступ к аккаунтуПодтверждение контактов и доступ к аккаунту

Основа создания клиента в форме — операция типа «Создать и подписать на рассылки». Так как такие операции игнорируют настройки точек интеграции по подтверждению контактов и доступу к аккаунту, email-адреса и мобильные номера, которые пришли из такого шага, будут без этих свойств. Если они важны, создайте операцию с другим шагом и задайте ее вызов через пользовательский JS.

Редактировать существующегоРедактировать существующего

После заполнения формы клиент редактируется по переданным значениям.

Как передать данныеКак передать данные

Заполняем поля:

• Поле в Mindbox — в какое поле вписываем данные.
• Поле формы — откуда из формы забираем данные для записи.

Как выбрать поле в форме.

Как отображается в карточке клиентаКак отображается в карточке клиента

При выборе шага редактирования клиента, для попапа автоматически генерируются операции и шаблоны действия вида: «Редактирование клиента в попапе Название попапа» и «Показ попапа Название попапа».

Выдать действиеВыдать действие

После заполнения формы клиенту выдастся выбранное действие.

Как передать данныеКак передать данные

Заполняем поля:

• Название действия — с каким названием создать шаблон.
• Поле в Mindbox — в какое дополнительно поле действия вписываем данные.
• Поле формы — откуда из формы забираем данные для записи.

Как выбрать поле в форме.

Как отображается в карточке клиентаКак отображается в карточке клиента

При выборе шага выдачи действия, для попапа автоматически генерируются операция и шаблон действия вида: «Выдача действия "Название попапа" в попапе».
Если развернуть действие, увидим значения дополнительного поля:

Вызвать подписку на вебпушиВызвать подписку на вебпуши

Запускает попап браузера для сбора разрешений на показ уведомлений.
Используется для сбора подписчиков на WebPush-канал.
Подробнее — в статье.

Передавать события в Google Analytics при просмотре, заполнении и клике в формеПередавать события в Google Analytics при просмотре, заполнении и клике в форме

Для настройки интеграции с GA следуйте инструкции.

Вызывать пользовательский JSВызывать пользовательский JS

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

На какие действия можно завязать вызов:

• Отрисовка формы — клиент перешел на страницу и попал в таргетинг. При этом форма не обязательна уже показана (настроено ожидание перед показом, клиент не долистал до места отображения и т.д.).
• Показ формы — форма показана на экране пользователя.
• Отправка контактов — клиент нажал на кнопку отправки данных.
• Закрытие формы после отправки — клиент нажал на крестик или форма автоматически закрывалась после отправки данных.
• Закрытие формы при отмене отправки — клиент нажал на крестик или форма автоматически закрывалась без отправки данных.

Шаги для реализацииШаги для реализации

1. Создаем операцию с нужными шагами.

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

• Редактировать неавторизованных клиентов удобно с определением по устройству.

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

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

   function getTicket(name) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp(name + '(=[a-z0-9-]+)', 'i');
    var results = window.location.href.match(regex);
    if (!results) return null;
    if (!results[0]) return '';
    return results[0].split('=')[1];
}
var ticket = getTicket('direct-crm-ticket');

Пример реализации.

• Вызов должен быть асинхронным, если нет задачи вывести в форму данные по клиенту из Mindbox (например, персональный промокод).

2. Открываем описание созданной операции.

Нужен код с вкладки Javascript SDK (async):

3. Вставляем код в область JS и подставляем переменные:

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

Отправка событий в Яндекс МетрикуОтправка событий в Яндекс Метрику

1. В Яндекс Метрике создайте цель «JavaScript-событие» по инструкции;
2. Скопируйте получившийся код цели для сайта в формате ym({номер счетчика}, 'reachGoal', '{идентификатор цели}'):

3. В «Действия после заполнения формы клиентом» выберите «Вызывать пользовательский JS»;
4. Добавьте скопированный код в подходящий раздел в зависимости от нужного времени вызова.