Всплывающее окно — это сообщение поверх сайта: рассказать об акции или собрать email в обмен на промокод. Настраивается в ASTDESIGN → МаркетПро → Маркетинг → Всплывающие окна → Список окон.

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

Два типа окон

Тип выбирается в поле Тип окна и определяет, какие поля вы будете заполнять дальше: у промо-баннера одни, у окна со скидкой другие. Сменили тип — форма перестроится.

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

Скидка за email — окно с полем для почты. Покупатель оставляет адрес и получает промокод: на экране, а если настроите шаблон — ещё и письмом. Картинок у этого типа нет, всё место занимает форма.

Общие поля

Эти поля заполняются у обоих типов.

Название — только для админки, покупатель его не видит.

Активность — окно показывается, пока стоит галочка.

Сайт — на каком сайте показывать. Важно при многосайтовости.

Сортировка — какое окно показать первым, если под условия подходят сразу несколько.

Начало активности и Окончание активности — окно само появится и само исчезнет. Удобно для акций с датами.

На вкладке Содержимое окна, блок Что видит покупатель:

Заголовок окна — крупная строка вверху.

Текст под заголовком — поясняющий текст. Поддерживает простую разметку: абзацы, перенос строки, жирный, курсив, списки, ссылки.

Текст кнопки — надпись на кнопке. У промо-баннера она уводит по ссылке, у окна со скидкой — отправляет форму.

И общий для обоих типов блок Повторный показ:

Показать снова тому, кто закрыл, через — час, день, неделю, месяц или год. Пусто — закрывший окно больше его не увидит.

Поля промо-баннера

Кроме общих, у промо-баннера есть три своих поля — все в блоке Что видит покупатель.

Картинка у баннера — изображение слева от текста на десктопе.

Картинка у баннера для мобильных — изображение над текстом в мобильной версии и в приложении. Не заполнено — возьмётся картинка для десктопа, но она может обрезаться: для узкого экрана лучше готовить свою.

Куда ведёт кнопка — адрес на сайте, например /catalog/. Если оставить пустым, кнопка просто закроет окно.

Полей о промокоде, письме и форме у этого типа нет: он ничего не собирает.

Поля окна «Скидка за email»

У этого типа своих полей больше, и разложены они по трём блокам.

Форма сбора email

Подсказка в поле email — что написано в пустом поле ввода.

Текст галочки согласия на рассылку — если поле заполнено, покупатель обязан поставить галочку, иначе форма не отправится. Оставьте пустым, чтобы галочки не было.

Заголовок после отправки формы — что покупатель видит вместо формы, когда промокод получен. Например: «Спасибо! Ваш промокод готов».

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

Промокод

Промокод выдаётся одним из двух способов — заполняйте что-то одно.

Правило корзины, связанное с промокодом — выберите скидку из Магазин → Настройки → Правила работы с корзиной. На каждую заявку решение создаст отдельный одноразовый купон к этой скидке: у всех покупателей коды разные, применить каждый можно один раз. Это основной способ: код не передашь знакомым, и по купонам видно, кто пришёл из окна.

Сколько дней действует промокод — срок жизни такого купона. Пусто или 0 — бессрочный.

Общий промокод — нужен, только если правило корзины не выбрано. Купон вы создаёте сами в правилах работы с корзиной и делаете его многоразовым: решение такой код не создаёт, а просто показывает. Код у всех один, и его легко передать знакомым. Срок действия задаётся в самом купоне, поле Сколько дней действует промокод на него не влияет.

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

Письмо и рассылка

Шаблон письма с промокодом — почтовый шаблон, которым отправить код. Шаблон не выбран — письма не будет: покупатель увидит промокод только на экране и потеряет его, закрыв вкладку. В шаблоне доступны поля #EMAIL#, #COUPON# и #POPUP_NAME#.

Сегмент из Email-маркетинга — сегмент модуля «Рассылки», куда складывать собранные адреса. Сегмент создаётся заранее. Пусто — адреса просто сохраняются в заявках.

Условия показа

Условия лежат на отдельной вкладке и работают одинаково для обоих типов. Они разбиты на три группы.

Где показывать

Адреса страниц — по одному адресу в строке. Звёздочка заменяет любую часть адреса: /catalog/*. Восклицательный знак в начале строки исключает адрес: !/personal/*. Пусто — показывать везде.

Так делают окно для каталога, но не для личного кабинета и оформления заказа.

Кому показывать

Показывать группам и Не показывать группам — группы пользователей 1С-Битрикс.

Незарегистрированный — только тем, кто не вошёл в личный кабинет.

Ещё не видел это окно — только при первом попадании под условия.

Устройства — десктоп, мобильный, мобильное приложение. Можно выбрать несколько.

Когда показывать

Провёл на сайте больше N секунд — не бросаться на покупателя сразу.

Просмотр страницы больше N секунд — покупатель задержался на конкретной странице.

Просмотр больше N страниц — показывать тем, кто уже что-то смотрит, а не случайному заходу.

Процент прокрутки страницы — например, дочитал до половины.

Показывать окно при попытке закрыть сайт — окно появится, когда курсор уходит к кнопке закрытия вкладки. Работает только на десктопе.

Условия складываются: заполнили несколько — окно покажется, когда выполнены все.

Сколько окон видит покупатель

Общие ограничения для всех окон сайта: ASTDESIGN → МаркетПро → Настройки, вкладка Контент, блок Настройки новостей и акций.

Всплывающие окна: сколько окон показывать за один визит — по умолчанию одно. Два и больше за визит раздражают и мешают покупке.

Всплывающие окна: пауза между окнами, секунд — по умолчанию 60.

Заявки из окон

Всё, что оставили покупатели, собирается в Маркетинг → Всплывающие окна → Заявки из всплывающих окон: дата, email, выданный промокод, правило корзины, обе галочки согласий и пользователь, если он был авторизован.

Отсюда видно, сколько адресов собрало окно и какие коды выданы. Список фильтруется по окну и датам.

Проверка

Откройте сайт в режиме инкогнито — так вы будете новым посетителем, для которого условия ещё не выполнялись. Выполните условие показа: подождите нужное время, прокрутите страницу, откройте несколько страниц.

Если окно не появилось, проверьте по порядку:

• окно активно, даты активности не в прошлом;

• адрес страницы подходит под Адреса страниц;

• ваша группа не попала в Не показывать группам;

• устройство выбрано в условиях;

• лимит окон за визит не исчерпан другим окном;

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