Как подставить имя в форму
  • 08 Feb 2023
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

Как подставить имя в форму

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

Задача:
Подставлять имя клиента в попап.

Снимок экрана 2021-04-27 в 20.12.10.png

Для этого потребуется:

  • создать операцию, возвращающую имя клиента;
  • добавить JS-код;
  • подставить параметр в редакторе формы.

Полная инструкция по созданию всплывающего блока есть по ссылке.

Создаем операцию, возвращающую имя

Воспользуйтесь общей инструкцией по созданию операций.

В операции нужно:

  • передавать deviceUUID;
  • выбрать шаг "Клиент - Неавторизованный - Получить существующего" с поиском по устройству;
  • выбрать шаг "Клиент - Получить данные по текущему клиенту - Личные данные - Имя".

Снимок экрана 2021-12-14 в 23.36.07.png

Добавляем JS-код

Переходим в "Действия после заполнения формы клиентом", нажимаем "Вызвать пользовательский JS" → "Показ формы". Добавляем этот код, заменяя в нём название операции:

mindbox("sync", {
  operation: "Название операции из пункта 1",
  onSuccess: function(response) {
    window.PopMechanic.$('.customer-name').text(response.customer.firstName ? response.customer.firstName + ", " : "");
  },
  onValidationError: function(messages) { },
  onError: function(error) { }
});

Снимок экрана 2021-04-27 в 19.58.54.png

Подставляем параметр в форму

В форму в то место, где должно отображаться имя, добавляем код:

<span class="customer-name"></span>

Снимок экрана 2021-04-27 в 20.07.44.png

Можно добавлять не только имя, но и другой текст:

<span class="customer-name"></span> для вас специальное предложение!

Тестируем форму

По тестовой ссылке открываем попап на сайте с того устройства, которое уже есть в базе Mindbox у какого-нибудь клиента. Проверяем, что имя подставляется (смотрим визуально на попап и сравниваем имя с тем, что уже есть в карточке клиента).

Снимок экрана 2021-04-27 в 20.10.00.png

Если у вас возникли сложности на любом шаге настройки – напишите в нашу поддержку.

Чат с поддержкой есть справа внизу.

Для чего нужен email-маркетинг: обзор основных задач

Была ли эта статья полезной?