Как добавить всплывающее окно на целевую страницу?

Добавление всплывающих окон на вашу целевую страницу может мотивировать клиентов

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

Добавление всплывающего окна

  1. В редакторе целевой страницы нажмите кнопку элементы.



  2. Перетащите элемент окно на вашу страницу.



  3. Добавьте элементы во всплывающее окно, перетаскивая их из панели инструментов справа. Вы можете добавить несколько элементов, например, форму подписки (используйте элемент Форма и выберите тип Подписка), изображение или текстовое поле.


Настройки всплывающего окна

Когда вы откроете всплывающее окно в редакторе, нажмите на синюю метку Всплывающее окно в верхнем левом углу рамки окна, чтобы открыть его настройки.



Вы можете настроить/указать следующее:

  • Имя — для легкости различения нескольких всплывающих окон при управлении элементами.
  • Размер — выберите один из 5 предустановленных размеров или настройте свой собственный.
    Значения размера относятся к проценту от размера страницы, который всплывающее окно будет занимать при отображении.
  • Позиция — выберите место, где должно отображаться всплывающее окно на вашей целевой странице. Выберите одно из девяти предустановленных положений.
  • Отображение — выберите, что должно вызывать всплывающее окно, когда и с какой частотой.
  • Настройки блока — блок всплывающего окна является рамочным рабочим пространством с меткой Всплывающее окно слева. Синий каркас будет виден только после клика на объект. Он не будет виден на вашей целевой странице.
    Вы можете настроить его цвет, отступы, границу, радиус, тень и наложение.
    Настройка наложения будет влиять на внешний вид остальной части вашей целевой страницы, когда всплывающее окно будет отображаться.
  • Скрыть на мобильных устройствах — чтобы скрыть всплывающее окно, когда ваша страница открыта на мобильном устройстве.
    Это можно использовать для упрощения страницы для мобильных пользователей.
    Примечание: Всплывающие окна, установленные как При выходе в настройках Отображение, не будут показываться на мобильных устройствах, так как невозможно отслеживать поведение посетителей там. Поэтому рекомендуется включить опцию Скрыть на мобильных устройствах для всплывающих окон При выходе.

Редактирование, дублирование или удаление ранее сохраненных всплывающих окон

Все всплывающие окна, созданные для вашей целевой страницы, отображаются в элементе Управление страницами на всех страницах.

Найдите опции Редактировать, Дублировать и Удалить под вертикальными многоточиями справа, рядом с всплывающим окном.

Шаги для старых целевых страниц

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

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

Вы можете настроить дизайн, щелкнув по любому разделу формы, чтобы отредактировать текст, стиль и кнопку. Или проведите A/B тест, чтобы увидеть, какая форма дает лучший результат, добавив разные типы форм или различные дизайны на страницы.

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

Добавление всплывающих форм на целевую страницу

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

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

  1. В редакторе целевой страницы наведите курсор на значок Формы.

2. В меню Формы дважды щелкните значок Всплывающие формы, чтобы просмотреть доступные формы.

3. В модальном окне всплывающего окна щелкните значок типа формы, который вы хотите использовать.

Инструменты редактирования откроются после того, как вы выберете тип формы, который хотите использовать.

4. Настройте форму. Щелкните по тексту и кнопке, чтобы отобразить панель инструментов для редактирования. Дважды щелкните по тексту, чтобы изменить его.

5. Отредактируйте настройки отображения.

Для формы подписки, всплывающего окна при выходе, всплывающего окна для загрузки и формы с изображением вы указываете:

  • фон: должен ли он быть прозрачным, темным или светлым,
  • задержка: как скоро форма должна появиться,
  • эффект: как форма должна появиться для посетителей,
  • показывать снова: как часто она должна появляться для посетителя.
  • местоположение файла: URL файла, который новые подписчики могут скачать,
  • изображение: дважды щелкните по изображению по умолчанию и нажмите значок изображения, чтобы открыть Файлы и изображения. Затем выберите изображение, которое хотите использовать.

Для формы прокрутки и фиксированной панели выберите:

  • позиция: где форма должна появляться,
  • эффект: как форма должна появляться.

6. Чтобы сделать вашу форму соответствующей требованиям GDPR или другим соглашениям по обработке данных, включите переключатель полей согласия. Поля согласия, которые вы создали в вашем аккаунте, будут доступны. Затем выберите поля, которые хотите добавить в форму. Если вы хотите сделать какие-либо поля обязательными, включите переключатель Обязательно. Все, кто подписывается, смогут дать свое согласие на ваши маркетинговые или политики обработки данных, прежде чем они будут добавлены в ваш контактный список.

7. Нажмите Сохранить.
8. (По желанию) Чтобы провести A/B тест, чтобы увидеть, какая из форм дает лучший результат, повторите шаги 2-6 для каждой вариации целевой страницы.

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

Если вы решите отредактировать или удалить форму:

  • Чтобы отредактировать форму, дважды щелкните по заполнителю, чтобы открыть инструменты редактирования. Если вы хотите использовать другую форму, нажмите ссылку Выбрать другую форму.
  • Чтобы удалить форму, щелкните по заполнителю, а затем нажмите значок Корзина.

Просмотр статистики подписок для всплывающих форм на целевых страницах

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

Примечание: В Маркетинговой автоматизации метод подписки Целевая страница в условии Подписаться через также будет включать контакты, которые подписались через всплывающие формы, добавленные на целевую страницу.

Похожие статьи

Популярные ресурсы