Вход

Email

Омниканальность

In-App
Рекомендации в мобильных приложениях

Автоматизация

Документы

Соответствие GDPR

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

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

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

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

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

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

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

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

Базовые элементы формы

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

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

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

Верхняя панель

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

К родительскому элементу

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

Инструменты редактирования текста

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

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

Вкладки

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

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

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

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

Контент

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

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

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

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

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

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

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

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

По правилам

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

Редактировать

Установите:

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

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

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

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

Условия показа

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

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

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

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

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

Тестирование

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

Открыть

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

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

Опубликовано

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

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

Расписание

Статистика

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

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

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

Статистика

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email