Как добавить попап "Добавьте еще товаров в корзину на Н рублей и получите скидку"

Задача:

У компании есть скидка - 5% для покупок от 10 000 рублей.
Нужно сделать 2 формы, где стимулировать докупать до этой суммы.

Форма 1:

• Показать всплывающий баннер-уведомление тем посетителям, которые добавили товаров в корзину суммарной стоимостью от 2 000 до 9 999 рублей;
• Указываем сколько рублей осталось до получения скидки;
• Форма должна показываться только тем, кто не делал покупок раннее;
• Форма должна показываться не чаще, чем 1 раз одному посетителю сайта.

Форма 2:

• Показать всплывающий баннер-уведомление тем посетителям, которые добавили товаров в корзину суммарной стоимостью от 10 000 рублей о том, что они могут получить скидку -5% на свой заказ;
• Форма должна показываться только тем, кто не делал покупок раннее;
• Форма должна показываться не чаще, чем 1 раз одному посетителю сайта;
• В форме должен быть промокод, который можно скопировать.

Форма 1Форма 1

Выбор шаблонаВыбор шаблона

1. Найдите из предложенных вариантов нужную форму и нажмите «Выбрать».

   

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

   

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

   

Элементы экранаЭлементы экрана

В разделе настроек «Элементы экрана» настройте, какие элементы будут отображаться и их дизайн.

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

Как установить сумму для скидки?Как установить сумму для скидки?

Шаблон автоматически рассчитывает, на какую сумму клиенту необходимо добавить товаров в корзину.

Как настроить сумму до скидки:

1. Перейдите в настройки элементов экрана

2. Нажмите на элемент «Текст», чтобы перейти в его настройки

   

3. Раскройте вкладку «Текст блока» и нажмите на элемент персонализации в тексте.

4. Укажите:

   • Необходимую сумму корзины;
   • Валюта (опционально) — валюта, которая будет показываться рядом с ценой.

   

Общие настройкиОбщие настройки

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

Расположение формы на экранеРасположение формы на экране

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

По умолчанию на мобильных устройствах применяются такие же условия, как и на десктопе. Если настройку необходимо адаптировать под мобильное устройство, измените режим настроек:

Кнопка вызова формыКнопка вызова формы

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

ТаргетингТаргетинг

1. Добавьте два условия по корзине - в корзине клиента сумма продуктов больше 2000 рублей и меньше 9999 рублей:

   

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

   

Условия показа формыУсловия показа формы

Условия показа – настройка, чтобы не раздражать посетителей сайта показом сразу же. Установите условие "Форма показывается всего 1 раз посетителю сайта".

Форма 2Форма 2

1. Создайте новый попап и выберите тот же шаблон формы.

2. Добавьте в элементы экрана поле для промокода:

   

3. Кликом на элемент перейдите в его настройки и скорректируйте текст и дизайн.

   

4. Перейдите в основные настройки и увеличьте размер формы:

   

Условия показа для формы 2Условия показа для формы 2

• Показать всплывающий баннер-уведомление тем посетителям, которые добавили товаров в корзину суммарной стоимостью от 10 000 рублей о том, что они могут получить скидку -5% на свой заказ;
• Форма должна показываться только тем, кто не делал покупок раннее;
• Форма должна показываться не чаще, чем 1 раз одному посетителю сайта;

Далее в форме нажимаем "Сохранить" и "Запустить".