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

Плавающее окно появляется поверх остальных элементов сайта в нижнем углу экрана или на всю его ширину. Оно не мешает взаимодействовать с сайтом.

Создание виджета

1. Перейдите на вкладку “Сайт” – “Виджеты”, нажмите “Создать форму подписки”.
   
2. Дайте название виджету и выберите тип “Плавающее окно”. Активируйте переключатели для полей контакта, которые нужно собирать. Нажмите “Далее”.
   
3. Чтобы создать виджет на основе стиля вашего сайта, выберите цвета таких элементов сайта:
   • основная кнопка
   • основной заголовок
   • фон
     
4. Выберите стиль формы:
   • мягкий
   • минимализм
   • классический
   • декоративный
   • современный
     
5. Нажмите “Далее”.
6. Выберите подходящий вид виджета. Вы сможете отредактировать его позже.
   

Настройки виджета

Рассмотрим основные возможности трех панелей настроек в редакторе drag and drop: левой, правой и верхней.

Левая панель настроек

Перетащите основные элементы формы из левой панели и поместите их в шаблон виджета.

Верхняя панель настроек

Вверху расположены такие кнопки для работы с элементами формы:

• Копировать
• Дублировать
• Вырезать
• Вставить
• Вставить с заменой

Нажав на значок стрелки, вы перейдете к родительскому элементу формы:

После нажатия на элемент с текстом сверху появляются инструменты редактирования текста:

Правая панель настроек

На правой панели настроек размещены вкладки “Оформление”, “Контент”, “Общие”.

Вкладка “Оформление”

• Позиционирование – внизу слева, внизу справа; отступы.
  
• Настройки иконки “Закрыть”.
  
• Настройки стиля текста – по умолчанию для виджета будет использован шрифт, установленный на сайте, в качестве основного; чтобы использовать другой шрифт для сайта, введите его имя.
• Адаптивность – ширина экрана, начиная с которой отображение формы переключается на мобильную версию; по умолчанию это меньше 576 пикселей.

Вкладка “Контент”

Здесь можно изменить вид формы: ширину и высоту, расстояние между элементами, отступы, поля, фон и т. д.

Вкладка “Общие”

Выберите действие по клику:

• отправить форму
• открыть URL
• открыть страницу виджета
• запустить другой виджет
• закрыть текущий виджет

После сохранения настроек вы будете перенаправлены на страницу параметров виджета.

Параметры виджета

Тут можно редактировать внешний вид виджета, правила вызова виджета и действия после заполнения формы.

Вызов виджета

Выберите параметры вызова виджета на соответствующей панели: по правилам или по клику на кнопку вызова:

По правилам

Для настройки вызова по правилам нажмите “Редактировать”:

Установите:

• частоту показа
  
• когда показывать форму
  
• кому показывать форму
  
• на каких страницах
  

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

• Вы можете управлять отображением форм с помощью API: по клику на элемент страницы или через JavaScript. Если вы хотите использовать для формы кастомный лаунчер, вставьте CSS-селектор элемента вызова. Чтобы отображать форму при дополнительных условиях, скопируйте функцию JS ниже.
  

По клику на кнопку вызова

Активируйте эту функцию, чтобы виджет вызывался по клику на кнопку вызова независимо от условий его отображения:

Действия после подписки

1. Выберите группу, куда будет добавляться контакт после подписки.Вы можете добавить только новые или все контакты.
   
2. Настройте подтверджение подписки через емейл. Узнать больше о Double Opt-in.
3. Выберите емейл для подтверждения.
   Если у вас нет готового сообщения, вы можете использовать емейл по умолчанию. Если оно у вас уже есть, нажмите “Заменить”, чтобы выбрать.
4. Выберите, куда перенаправить пользователя после нажатия на ссылку подтверждения.
   Вы можете перенаправить пользователей на страницу благодарности по умолчанию или другую страницу на вашем сайте.
5. Повысить вовлеченность.
   

Вы можете выбрать приветственное письмо или настроить цепочку приветственной серии, чтобы вовлечь подписчиков. Активируйте переключатель “Только новым контактам”, чтобы избежать отправки приветственной кампании существующим контактам.

Публикация формы на сайте

Сохранив все настройки, проверьте, как посетители увидят форму на сайте. Для этого нажмите кнопку “Тестировать виджет”:

Введите ссылку на свой сайт и нажмите “Открыть”:

Если все настроено верно, виджет будет отображаться на вашем сайте в соответствии с заданными условиями.

После тестирования нажмите “Опубликовано” и “Сохранить”, чтобы опубликовать форму:

Чтобы прекратить отображение формы, нажмите кнопку “Неопубликованный”, а затем сохраните изменения.

Для настройки даты начала и окончания формы используйте кнопку расписания:

Статистика

Передите на вкладку “Сайт” – “Виджеты”, выберите нужную форму и перейдите на вкладку “Статистика”. Здесь можно увидеть:

• Просмотры
• Подписки
• Конверсии

Динамика активности отображает те же показатели на графике. При необходимости можно отфильтровать данные отчета по дате.