Контент веб-попапа

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

Создание контента веб-попапа

Перейдите в Контент → Контент веб-попапа.
Нажмите Создать контент веб-попапа.
Выберите стартовый шаблон из галереи. Используйте выпадающий список категорий в правом верхнем углу для фильтрации по варианту использования (например, Акции и предложения или Игры и маркетплейсы) или оставьте Все шаблоны.

После выбора шаблона настройте попап в редакторе.

Название попапа

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

Редактирование настроек попапа

Настройте внешний вид и положение попапа в панели настроек слева от холста:

Изображения

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

Нажмите Изменить изображение, чтобы выбрать файл из Медиахранилища вашего проекта.

Под предпросмотром:

Вписать: как изображение заполняет свой фрейм: Естественный, Заполнение или По размеру. Не отображается для фонового изображения, которое всегда покрывает свою область.
Размытие: смягчение изображения от 0 до 20 пикселей.
Затемнение: только для фоновых изображений. Добавляет темную пелену поверх фотографии, чтобы текст, размещенный на ней, оставался читаемым, от 0 до 100%.

Некоторые макеты также добавляют раздел Макет с настройками размещения изображения:

Ширина изображения: доля от ширины попапа в процентах.
Положение изображения: Слева или Справа для макетов с изображением рядом с текстом.

Раздел Макет появляется только тогда, когда текущий макет имеет подобные настройки. В макете нижней панели он предлагает Ширину кнопок вместо элементов управления изображением.

Размер и стиль попапа

В разделе Попап:

Ширина, Высота (пусто = авто): оставьте оба поля пустыми, чтобы попап подстраивался под свой контент, или установите фиксированный размер в пикселях. В попапе с несколькими страницами у каждой страницы свой размер.
Радиус скругления, Тень: скругление углов и тень попапа.
Анимация: как появляется попап: Нет, Появление или Выдвижение.

Цвета

Нажмите Цвета, чтобы развернуть цветовую палитру попапа:

Фон, Акцент (кнопки): фон попапа и акцентный цвет, применяемый к кнопкам.
Текст, Второстепенный текст: цвет основного текста и второстепенного текста, такого как подписи и заголовки.
Текст поверх изображения: отображается только для макетов с текстом поверх фонового изображения. Устанавливает цвет, используемый для этого текста.

Размещение и наложение

В разделе РАЗМЕЩЕНИЕ:

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

В разделе НАЛОЖЕНИЕ:

Затемнить страницу позади: включите, чтобы затемнить остальную часть страницы во время показа попапа.
Цвет, Непрозрачность: установите цвет и непрозрачность наложения от 0 до 1.

Редактирование текста

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

Применить жирный, курсив или подчеркнутый формат.
Добавить или удалить ссылку.
Установить выравнивание по левому краю, по центру или по правому краю.
Выбрать стиль текста: Иконка, Надзаголовок, Заголовок 1–3, Основной текст или Подпись.

Редактирование кнопок

Нажмите на кнопку, чтобы открыть ее панель инструментов:

Выбрать стиль кнопки: Основная или Второстепенная.
Выбрать действие кнопки:
- Открыть ссылку: введите целевой URL.
- Закрыть попап.
- Перейти на страницу: выберите другую страницу попапа для перехода. Эта опция появляется, когда у попапа больше одной страницы. См. Работа с несколькими страницами.

Когда текстовый блок, кнопка или форма подписки выбраны, нажмите Добавить на панели инструментов и выберите Текст, Кнопка или Форма подписки, чтобы вставить этот блок под ним. Используйте стрелки вверх и вниз для перемещения его по странице и иконку удаления для его удаления. Последний оставшийся элемент на странице удалить нельзя.

Когда в разделе попапа нет элементов, отображаются кнопки + Текст, + Кнопка и + Форма — нажмите одну из них, чтобы добавить блок соответствующего типа.

Добавление формы подписки

Добавьте блок Форма подписки, чтобы собирать подписки по электронной почте и другие поля непосредственно в попапе. Узнайте больше о формах подписки.

Добавление блока

Выберите текстовый блок, кнопку или другой элемент на холсте.
Нажмите Добавить на его панели инструментов.
Выберите Форма подписки. Блок сразу же появится с полем Email и кнопкой Подписаться по умолчанию.

Выбор источника формы

Нажмите на блок формы подписки, чтобы открыть панель инструментов ФОРМА. Первый выпадающий список связывает блок с формой подписки в вашем проекте. Вы можете создать новую форму или выбрать уже существующую:

Опция	Когда использовать
Новая форма — создается при сохранении (по умолчанию)	Самый быстрый старт: Pushwoosh создает форму для вас при сохранении попапа с названием «название попапа — веб-попап».
+ Создать новую форму…	Вы хотите назвать форму и настроить ее до сохранения попапа. Открывается диалоговое окно Новая форма подписки — введите Название, затем установите Поля, текст Отправки и Конфиденциальность так же, как описано ниже, и нажмите Создать.
Существующая форма из выпадающего списка	Повторно используйте форму, у которой уже есть подписчики или настроено двойное подтверждение подписки.

Если вы выберете существующую форму из выпадающего списка, сохранение этого попапа обновит эту форму подписки для всего проекта. Поля, текст кнопки отправки и сообщения об успехе, которые вы установите в этом блоке, заменят то, что было в форме ранее. Это включает форму, встроенную на вашем сайте, и форму в разделе Аудитория → Формы подписки.

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

Настройка полей и поведения при отправке

Установите Стиль кнопки отправки на панели инструментов ФОРМА:
- Основная: залитая кнопка в Акцентном цвете попапа. Лучше всего подходит, когда Подписаться является основным действием на странице.
- Второстепенная: контурная кнопка с рамкой и меткой акцентного цвета. Лучше всего подходит, когда у попапа уже есть основная кнопка или вы хотите более легкий вид.
Включите Конфиденциальность, чтобы добавить строку согласия с политикой конфиденциальности под формой, затем введите URL вашей политики конфиденциальности в появившемся поле.

Нажмите Поля…, чтобы открыть всплывающее окно, где вы можете оставить Email (всегда обязательное поле) и добавить Имя, Фамилия, Телефон или Пользовательское поле, а также установить тексты Успех и Подтвердите email, которые отображаются после отправки формы посетителем.

Работа с несколькими страницами

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

Добавление страницы

Нажмите + Добавить страницу, чтобы открыть меню добавления страницы:

Дублировать текущую страницу: копирует активную страницу, включая все внесенные вами изменения, как новую страницу.
Выберите один из одностраничных макетов, чтобы добавить новую страницу с демонстрационным контентом этого макета. Новая страница независима от других, поэтому она может использовать другой макет.

Каждая вкладка — это одна страница. Нажмите на вкладку, чтобы переключиться на нее.

Установка начальной страницы

Вкладка, отмеченная ★, является начальной страницей, которую посетители видят первой. Чтобы изменить ее, откройте другую вкладку и нажмите ☆ на ней.

Удаление страницы

На активной вкладке нажмите ✕. Откроется диалоговое окно подтверждения. Нажмите Удалить, чтобы удалить страницу. Это действие нельзя отменить.

Сохранение контента

Проверьте контент, изображения и действия кнопок. Когда закончите, нажмите Сохранить в верхней панели.

Использование контента в кампании

После сохранения контент появится в разделе Контент → Контент веб-попапа. Откройте его из списка, чтобы продолжить редактирование.

Чтобы показать его на сайте, перейдите в Кампании → Веб-попапы, создайте или отредактируйте кампанию и выберите этот контент на шаге Контент.

Затем настройте аудиторию, параметры отображения, частоту и опции запуска. Полный процесс описан в разделе Создание кампаний веб-попапов.