Как добавить кнопку вызова попапа для механики «Сообщить о поступлении товара в наличие»

Для добавления кнопки «Сообщить о поступлении» потребуется:

  1. Установить трекер Mindbox на сайт и включить модуль «Персонализация сайта»;
  2. Создать список WishList без использования цены и добавить операцию по добавлению продукта в список;
  3. Создать папку для механики;
  4. Настроить попап с добавлением товара с список «WishList»;
  5. Настроить встроенный блок;
  6. Создать автоматическую Email-рассылку и сценарий;

Создание операции

Для создания операции нужно зайти в кампанию, далее выбрать «Добавить» → «Операцию».

Шаги операции:

  • Получить клиента;
  • Добавить продукт в список.

Снимок экрана 2022-03-01 в 17.38.53.png

Настройка попапа

  1. Выберите любой шаблон для сбора контактов с полем Email:

    Снимок экрана 2022-03-01 в 13.37.04.png

  2. После выбора шаблона укажите сайт:

    выбрать сайт.png

  3. При создании формы ей присваивается ID — он нам потребуется для настройки встроенного блока. Так же этот ID записывается в URL попапа.

    Снимок экрана 2022-03-01 в 13.44.06.png

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

    Снимок экрана 2022-03-01 в 18.03.43.png

  5. Для добавления в список WishList продукта, нужно вызвать пользовательский JS код:

Снимок экрана 2023-07-19 в 13.19.59.png

var productIds = %product_id%;
        
        if (productIds) {
            mindbox ("async", {
              operation: "Website.AddToAvailabilityList",
              data: {
                addProductToList: {
                  product: { ids: productIds }
                }
              }
            });
        }
        

Настройка встроенного блока

  1. Выберите шаблон именно для вызова формы:

    Снимок экрана 2022-03-01 в 13.20.27.png

  2. Укажите сайт:

    Снимок экрана 2023-01-23 в 03.42.10.png

  3. В разделе «Встроенный блок» нажмите «Изменить», затем — «Редактировать»:

    Снимок экрана 2023-01-23 в 03.47.58.png

  4. Далее в меню "Кнопки формы" нужно поменять в "Действие кнопки" на "Открыть другую форму".

    Ниже нужно добавить ID попапа, который создали ранее.

    Снимок экрана 2022-03-01 в 13.47.42.png

  5. В таргетинге можно добавить страницы показа «Продукты не в наличии». Если такого сегмента нет, его нужно отдельно создать.

    Снимок экрана 2022-03-01 в 17.24.47.png

  6. Для установки блока без разработки нужно добавить его в нужный селектор на странице. Селектор можно найти так:

    Снимок экрана 2022-03-01 в 19.08.05.png

Настройка рассылки и сценария

Для настройки сценария нужно выбрать событие Продукт из списка продуктов клиента стал доступен:

Тестирование механики

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

  1. Создайте пересчитываемый сегмент, в котором будет только ваш клиент. Рекомендуем строить фильтр по UUID устройства на странице вашего сайта. Как определить UUID устройства

    popup-notify-about-product-test-segmentation

  2. Добавьте в таргетинг попапа и встроенного блока условие показа по сегменту из п.1:

    popup-notify-about-product-test-targeting

  3. Запустите в работу обе формы и сценарий.

  4. Перейдите на сайт в карточку продукта, которого нет в наличии, и протестируйте механику.

Как увеличить конверсию сайта с помощью персонализации: 5 проверенных инструментов