# Всплывающие окна

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

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS8xZDQ2NzQwYy05ZGY3LTQ0YTctODU5NC05YTBjNWUwYzdjODAvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.tyrVcPpdqMS9dK_1RsoQcLtMdAbOqODaWPQ7KJ2kCDk " =1348x498")

# Два типа окон

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

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS83NzUxNTVjOS01MjViLTQyNGQtYWNjYy1kNGM1ZWViYjg2OTgvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.MMT5URw2WrprHN1ff1Ds-vfMxz6x6U45FuJF-eH8NUA " =711x420")

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS9mNmVlODMwZS1iZjc2LTQ4MmYtYjQxMi04NTE3OTc0N2UyYjQvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.f3WyRLOovfzm7SeFh8pupVIdPOwUj019eyhki3cIeJE " =564x497")

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS85YmE0OTA3My0yM2EyLTQ0ZjgtOTBkZC00YTU5ZWZhMWY5OGIvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.PF7yCW8Sq54Wou4NgaaPla377rFOQs3AfcVKG6rFBMI " =567x384")

# Общие поля

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS85MzJkNmIxZi04MzI1LTRkZGYtODg3MS0wNDNhNGUyNzE5YjkvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.4md_RAZnfiiAMUP0q9sYj7D6lmFb24v7X--oGduil58 " =864x496")

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS9lMDNmNTUyZi03NjIyLTRlZTgtODFmNC04NDY4Nzc5NjNiY2MvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.oiwKxKEppVtI-c-dH91QEvDg2WwMOzVsse3kKXQocJU " =1223x1063")

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

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

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS83NGQxOWVlMy1iMTdmLTQ0ZTktYjcyOS1lZmIzNTMzMzgxNDIvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.LYpEyB1JX0SBm1Kth6I-aZ3BIICJo0AALvJUV5CQYLM " =817x1067")

## Форма сбора email

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

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

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

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

## Промокод

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

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

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

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

Многоразовый купон решение показывает и в блоке промокодов в карточке товара и при оформлении заказа — всем посетителям, у которых он снижает цену. Если код должен доставаться только через окно, отметьте у правила галочку **Не показывать в блоке промокодов**: см. [Промокоды на сайте](/s/marketpro/doc/promokody-na-sajte-pBTETp6MIA).


:::info
**Если промокод не выдаётся**, покупатель увидит «Промокод временно недоступен». Обычная причина: правило корзины не выбрано, а общий промокод не заполнен — или выбранное правило удалено.

:::

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

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

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

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

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS8yMzljNGM4Mi1jZGU5LTRhNzQtYTgxZS1mYjBiYjhlOTE1ZmUvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.xInMH-jtazhcweipc-4VmElESJ50Uv1L4cvKD5QjSno " =862x643")

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS8xZjk3MjJmNy1kMTI4LTQwN2ItOWM2Ny01YzIxZDJiYzVlOGQvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.sUN3N-ca_PuTZ_1HQhv8Xq7dPvKYqYbvf-qz4Z1XFHY " =1409x171")

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

# Проверка

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

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

* окно активно, даты активности не в прошлом;
* адрес страницы подходит под **Адреса страниц**;
* ваша группа не попала в **Не показывать группам**;
* устройство выбрано в условиях;
* лимит окон за визит не исчерпан другим окном;
* вы не закрывали это окно раньше — в этом браузере оно больше не покажется, если не задан повторный показ.

---

**Documents**

- [Установка решения](https://docs.astdesign.ru/s/marketpro/doc/ustanovka-resheniya-Z8Q6r79liU)
- [FAQ перед покупкой](https://docs.astdesign.ru/s/marketpro/doc/faq-pered-pokupkoj-HPgKP7mWDT)
- [Общая настройка](https://docs.astdesign.ru/s/marketpro/doc/obshaya-nastrojka-Io6HZQaGXf)
- [Шаблон](https://docs.astdesign.ru/s/marketpro/doc/shablon-ylLAFZV3o8)
- [Главная страница](https://docs.astdesign.ru/s/marketpro/doc/glavnaya-stranica-7PwYozaVVo)
- [Магазины (склады)](https://docs.astdesign.ru/s/marketpro/doc/magaziny-sklady-7rEEZJrA45)
- [Каталог](https://docs.astdesign.ru/s/marketpro/doc/katalog-FpnYzZr900)
- [Поиск](https://docs.astdesign.ru/s/marketpro/doc/poisk-xsDdFVh5h0)
- [Текстовые страницы](https://docs.astdesign.ru/s/marketpro/doc/tekstovye-stranicy-jVtNXZv3T5)
- [Реклама и маркетинг](https://docs.astdesign.ru/s/marketpro/doc/reklama-i-marketing-iZkaCoxr5b)
- [Региональность](https://docs.astdesign.ru/s/marketpro/doc/regionalnost-bCuM9AOBNO)
- [Корзина](https://docs.astdesign.ru/s/marketpro/doc/korzina-Mh27pZA7v9)
- [Оформление заказа](https://docs.astdesign.ru/s/marketpro/doc/oformlenie-zakaza-VyvQjOQxZo)
- [Авторизация](https://docs.astdesign.ru/s/marketpro/doc/avtorizaciya-5HwEb1oDJG)
- [SEO и аналитика](https://docs.astdesign.ru/s/marketpro/doc/seo-i-analitika-d1Hw6c4YAM)
- [Уведомления](https://docs.astdesign.ru/s/marketpro/doc/uvedomleniya-SKDyjYg14J)
- [Мобильное приложение](https://docs.astdesign.ru/s/marketpro/doc/mobilnoe-prilozhenie-F5E0hT7TnN)
- [Обновление решения](https://docs.astdesign.ru/s/marketpro/doc/obnovlenie-resheniya-RRRgtxV5uH)
- [Для разработчика](https://docs.astdesign.ru/s/marketpro/doc/dlya-razrabotchika-WJePeJCmpy)
- [Интеграции](https://docs.astdesign.ru/s/marketpro/doc/integracii-D3DqjYOZYm)
- [Что делать, если что-то не работает](https://docs.astdesign.ru/s/marketpro/doc/chto-delat-esli-chto-to-ne-rabotaet-Q8L8sTVJF8)