# Создание кампаний с веб-попапами

Кампании с веб-попапами позволяют размещать созданный вами контент веб-попапов на вашем сайте и точно контролировать, когда и кому он будет показываться.


## Запуск новой кампании

1. Перейдите в **Campaigns → Web popups**.
2. Нажмите **Создать кампанию**.

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-1.webp" alt="Раздел Web popups в Campaigns с кнопкой «Создать кампанию» и списком кампаний или пустым состоянием" />

<span id="select-web-popup-content" />

### Выбор контента веб-попапа

Выберите контент веб-попапа, который будет показан посетителям в этой кампании. Выберите существующий элемент из списка или нажмите **Создать новый**, чтобы открыть редактор (см. [Контент веб-попапов](/ru/product/content/web-popup-content/)). Вернитесь на эту вкладку, когда ваш контент будет готов, и выберите его из списка.

Чтобы изменить порядок контента в списке, нажмите кнопку сортировки над выпадающим списком и выберите **Недавно изменённые**, **Название А→Я** или **Название Я→А**. Пока вы не выберете порядок, список отсортирован по **Название А→Я**. Pushwoosh запоминает ваш выбор и применяет его ко всем спискам выбора контента веб-попапов, которые вы открываете, — и в разовых сообщениях, и в Journey. При прокрутке подгружаются новые элементы.
<Aside type="tip" title="Добавьте форму подписки">
При создании контента веб-попапа вы можете добавить блок **Subscription form**, чтобы собирать подписки по email и другие данные непосредственно во всплывающем окне. [Узнайте, как это сделать](/ru/product/content/web-popup-content/blocks/#subscription-form).
</Aside>

Когда нужный контент выбран, нажмите **Далее**.


### Определение аудитории

Выберите, кто должен видеть всплывающее окно.

- **Все пользователи:** показывать всплывающее окно всем без фильтров.

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-6.webp" alt="Шаг «Аудитория» с выбранной целевой аудиторией, показывающий опции «Использовать существующий сегмент» и «Использовать пользовательские условия»" />

- **Целевая аудитория:** показывать всплывающее окно только пользователям, которые соответствуют сегменту или пользовательским условиям. Появятся два варианта:
  - **Использовать существующий сегмент:** выберите сохраненный [сегмент](/ru/product/audience-data-and-segmentation/segmentation/) из списка. Чтобы создать новый, не выходя из мастера настройки, нажмите **Создать сегмент**.
  - **Использовать пользовательские условия:** создайте аудиторию на месте, добавляя фильтры по [**Tag**](/ru/product/audience-data-and-segmentation/user-data-tags/tags/), [**Event**](/ru/product/audience-data-and-segmentation/events/), [**Segment**](/ru/product/audience-data-and-segmentation/segmentation/) или [**User ID**](/ru/product/pushwoosh-knowledge-hub/users-userids/).

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-8.webp" alt="" />

Когда закончите, нажмите **Далее**.


### Настройка параметров отображения

Настройте, когда, как часто и где показывать этот веб-попап.

#### Задержка отображения

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

* **Немедленно**
* **Через 3 секунды**
* **Через 5 секунд**
* **Через 10 секунд**

<Aside type="note">
Задержка измеряется с момента инициализации Pushwoosh SDK на странице, а не с момента начала загрузки страницы. Фактическое время до появления веб-попапа может быть немного больше установленного вами значения. Например, если SDK загружается 2 секунды, а вы установили задержку в 5 секунд, веб-попап появится через 7 секунд после начала загрузки страницы.
</Aside>

#### Частота

В разделе **ЧАСТОТА** выберите, как часто посетитель может видеть этот веб-попап:

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

<Aside type="note">
Pushwoosh может распознать одного и того же посетителя только пока браузер хранит данные Web SDK. Если посетитель очистит данные браузера, воспользуется другим браузером или откроет сайт на другом устройстве, Pushwoosh будет считать его новым устройством, и веб-попап может появиться снова.
</Aside>

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

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-4.webp" alt="Настройки отображения с опциями задержки, частоты, устройства и показа на страницах" />

#### Устройство

Определяет, в какой среде будет отображаться веб-попап. 

Выберите:
- **Все устройства**
- **Десктоп**
- **Мобильные**.

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-9.webp" alt="" />

#### Показывать на страницах

Определяет, какие URL-адреса будут вызывать показ веб-попапа.

<Aside type="caution" title="Важно">
Исключение страниц и тип соответствия **Начинается с** действуют только на сайтах с обновленным [Pushwoosh WebSDK](/ru/developer/pushwoosh-sdk/web-push-notifications/web-push-sdk-30/).
</Aside> 

<span id="all-pages" />

##### Все страницы

Показывать всплывающее окно на каждой странице сайта.

При необходимости можно исключить определенные страницы: нажмите **+ Добавить исключение** и введите путь. Вы можете добавить до 10 исключений.

Для каждой исключенной страницы введите путь так, как он отображается после вашего домена, например `/pricing` или `/blog/intro`, и выберите тип соответствия:

* **Точное совпадение:** посещенный путь должен в точности совпадать с введенным вами.
* **Начинается с:** всплывающее окно будет применяться к введенному пути и всем путям внутри него.

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-7.webp" alt="Строка с путем страницы с выпадающими опциями «Точное совпадение» и «Начинается с»" />

##### Указанные страницы

Показывать всплывающее окно только на указанных вами страницах. Нажмите **+ Добавить страницу**, чтобы добавить строки, или ×, чтобы удалить. Вы можете добавить до 10 страниц. Введите и сопоставьте каждый путь так же, как и для [исключений на всех страницах](#all-pages).

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-11.webp" alt="Шаг «Показывать на страницах» с выбранной опцией «Указанные страницы» и строками для добавления путей включенных страниц" />

Нажмите **Далее**, чтобы продолжить.

## Проверка кампании

На экране **Проверка** приведена сводная информация:

* **Контент:** прикрепленный контент веб-попапа. См. [Выбор контента веб-попапа](#select-web-popup-content). Если кампания все еще связана со старой формой подписки вместо контента веб-попапа, здесь будет отображаться название этой формы.
* **Аудитория:** **Все пользователи** или **Целевая аудитория** с названием выбранного сегмента или пользовательскими условиями.
* **Настройки отображения:** устройство, страницы, на которых отображается веб-попап (включая тип соответствия и любые исключения), задержка и частота.

Используйте **ИЗМЕНИТЬ ПАРАМЕТРЫ** в любом блоке, чтобы вернуться и отредактировать соответствующую часть.

В области **Предпросмотр** показано, как веб-попап выглядит на примере. Используйте **РЕДАКТИРОВАТЬ КОНТЕНТ**, если вам нужно изменить основной контент.

<img src="/messaging-channels-web-popups-create-web-popups-campaigns-5.webp" alt="Шаг «Проверка» со сводкой по контенту, аудитории и настройкам отображения, опциями изменения и областью предпросмотра" />

Когда все будет готово, нажмите **Завершить настройку**. 

Затем выберите один из вариантов в меню:

* **Запустить кампанию** активирует веб-попап.
* **Сохранить как черновик** сохраняет кампанию, не активируя ее. Когда вы будете готовы к запуску, перейдите в **Campaigns → Web popups**, найдите черновик в таблице и нажмите **Активировать** в его строке. Если вам все еще нужно изменить настройки, сначала воспользуйтесь опцией **Редактировать кампанию** в меню действий для строки.

Чтобы искать, фильтровать и управлять кампаниями из списка, см. [Просмотр и управление кампаниями](/ru/product/messaging-channels/web-popups/#view-and-manage-campaigns).