Как создать и опубликовать pop-up на сайте
Выберите тип попапа:
- Модальное окно — всплывающее окно, которое появляется в центре экрана. Обычно используется для сбора email-адресов.
- Плавающая панель — настраиваемая панель, которая располагается в верхней или в нижней части страницы. Подходит для информирования клиентов о новостях или о лимитированных предложениях.
- Выпадающее окно — небольшое окно, которое появляется в правом нижнем углу страницы. Выпадающие окна могут использоваться для вывода дополнительной информации, предложений или форм обратной связи.
- Полноэкранный — всплывающее окно, которое занимает весь экран браузера. Использовать полноэкранные окна следует осторожно, так как они могут быть восприняты как навязчивая реклама и вызвать недовольство у пользователей.
Доступно два инструмента для работы с контентом попапа:
- Редактирование параметров в визуальном редакторе. Подходит для пользователей, не знакомых с кодом. Для изменения внешнего вида попапа достаточно ввести текст, выбрать изображения в галерее или использовать палитры цветов.
- Изменение HTML, CSS и JavaScript в редакторе кода. Подходит для пользователей, которые хотят работать напрямую с кодом попапа.
Любые изменения, внесенные в редакторе, отображаются в окне предпросмотра в режиме реального времени. Чтобы проверить, как попап будет выглядеть на разных устройствах, используйте кнопки в левом верхнем углу.
В этом разделе все параметры разбиты на категории:
- Копирайтинг — текст попапа. В любой текстовый элемент можно добавить переменную </>, чтобы динамически подгружать в попап данные профиля.
- Фон — выбор цвета фона и фонового изображения, а также фоновый цвет страницы браузера при затемнении.
- Рамка — границы всплывающего окна.
- Форма — конфигурация полей для ввода данных.
- Действия — текст кнопок и их CSS-стили.
- Кнопка «Закрыть» — внешний вид кнопки, с помощью которой пользователь может закрыть всплывающее окно.
- Изображение — на этой вкладке в попап добавляется изображение. Не все готовые шаблоны предоставляют такую возможность.
- Типографика — CSS-стили всех текстовых элементов.
- Импорт профилей позволяет загрузить данные пользователя, заполнившего форму, в одну или несколько баз;
- Отправка формы на email активирует отправку оповещений о заполнении формы на указанные email-адреса.
В аналитике доступны две вкладки:
- Статистика попапа — общая сводка по попапу.
- Анализ результатов — статистика по заполнению полей в форме.
- Уникальные показы — количество показов попапа пользователям. Если попап показан пользователю несколько раз в рамках одной сессии, фиксируется только один уникальный показ.
- CTA — пока событие отправки формы не зарегистрировано, показатель отображает клики на любой элемент формы. Если форма была хотя бы один раз заполнена и отправлена, показатель отражает количество заполнений.
- CTA, % — (Уник. показы / CTA) * 100%.
- Попаданий в таргетинг — количество раз, когда были выполнены условия для появления попапа, заданные в триггере. При этом попап мог быть не показан пользователю из-за лимитов тега, заданных в блоках «Настройки активации» и «Ограничения».
- Уникальные показы — количество показов попапа пользователям.
- CTA — пока событие отправки формы не зарегистрировано, показатель отображает клики на любой элемент формы. Если форма была хотя бы один раз заполнена и отправлена, показатель отражает количество заполнений.
- По часовому поясу;
- По городам;
- По странам;
- По языку (язык браузера);
- По ОС (операционная система на устройстве пользователя);
- По браузеру;
- По рефереру (URL страницы, на которой был показан попап);
- По UTM-меткам (content, medium, source, campaign, term).
Также для любого среза можно выбрать конкретный показатель для отображения.
Всплывающие окна — один из наиболее распространенных инструментов digital-маркетинга. Без него невозможно представить ни одну маркетинговую стратегию в современном мире. Надеемся, что это руководство поможет вам в настройке попапов для реализации ваших идей!