Кнопка вызова формы
Увеличивайте конверсию формы подписки, добавив кнопку вызова на страницы сайта. Позвольте посетителям подписываться в удобный момент и напоминайте о подписке тем, кто еще этого не сделал.
Обратите внимание!
Для работы модальной формы на вашем сайте необходимо установить скрипт eSputnik. Для его получения перейдите во вкладку “Сайт” → “Формы” и нажмите “Получить код”. Далее укажите домен вашего сайта, добавьте скрипт в код сайта перед закрывающим тегом <body>. Скрипт должен быть установлен на всех страницах.
Создание кнопки вызова
-
Перейдите в раздел “Сайт” →“Формы” и выберите вкладку “Кнопки вызова”.
-
Нажмите “Новая кнопка вызова”.
-
Задайте название кнопке.
-
Выберите наиболее подходящую кнопку вызова. Ее можно будет доработать в редакторе.
Контент
По клику на кнопку в меню слева откроются настройки ее контента. В них можно:
-
Задать размеры, внутренние и внешние отступы, а также настроить выравнивание элементов.
-
Выбрать дизайн кнопки, задав нужный фон, толщину и цвет обводки, а также тень.
-
Задать форму кнопки: оставить квадратной или сделать крглой.
-
Задать мобильные настройки.
Оформление
-
Во вкладке “Оформление” задайте позиционирование (расположение) кнопки и отступы от краев экрана.
-
Вкладка “Стиль текста” дает возможность выбрать шрифт (если он требуется для кнопки).
-
В “Адаптивности” задайте ширину экрана, начиная с которой отображение формы перестраивается на мобильную версию. По умолчанию это менее 576 пикселей.
-
Во вкладке “Анимация появления” выберите эффект, с которым будет появляться кнопка.
-
В “Цикличной анимации” можно выбрать анимацию для кнопки. Например, задать настройки для ее пульсации.
Получится такой эффект:
-
Задайте настройки для мобильной версии, перейдя во вкладку “Мобильные настройки”.
Верхняя панель настроек
-
Стрелки “Назад” и “Вперед” позволяют отменить или вернуть внесенные изменения в кнопку.
-
Настройки мультиязычности:
-
настройки внешнего вида формы выполняются только для основного языка, откуда копируются во все остальные языковые версии;
-
в языковых версиях можно поменять только текст;
-
форма отображается на языке сайта, который определяется по значению атрибута lang в теге html; если его нет – по языку браузера.
-
Цвет фона окна. Позволяет проверить, как кнопка будет смотреться на нужном фоне.
-
Кнопки перехода на мобильную или десктопную версию формы.
-
Предпросмотр формы.
-
Закрыть без сохранения.
-
Далее (сохранение).
Параметры кнопки
Существует три типа параметров кнопки вызова:
-
Внешний вид.
-
Условия показа.
-
Форма будет отображаться (здесь нужно выбрать, какая форма отобразиться при нажатии на кнопку).
-
Внешний вид мы уже рассмотрели. Разберемся с условиями показа. Для этого нажмите кнопку “Редактировать”.
Здесь можно настроить:
-
частоту показа;
-
когда показывать кнопку;
-
кому показывать;
-
страницы, на которых будет показываться форма: добавить или исключить ненужные;
-
управление отображением формы с помощью API: по клику на элемент страницы или с помощью JavaScript. Если вы хотите использовать кастомный лаунчер для запуска формы, вставьте CSS-селектор элемента вызова. Чтобы показать форму при каком-либо дополнительном условии, скопируйте JavaScript-код ниже.
-
Выберите форму, которая будет отображаться после нажатия на кнопку. Для этого нажмите на кнопку “Выбрать”.
-
Сохранив все настройки, проверьте, как кнопка будет отображаться на сайте. Для этого нажмите на кнопку “Смотреть на странице”, так как по умолчанию она не видна.
-
Введите ссылку на сайт и нажмите “Смотреть на странице”.
При удачном выполнении всех шагов форма отобразится на вашем сайте согласно заданным условиям.
-
После тестирования кнопки откройте ее, нажав на кнопку “Видна посетителям сайта”, и нажмите “Сохранить”.
Чтобы остановить показ кнопки, нажмите на кнопку “Видна только вам”, после этого – “Сохранить”.
-
Во вкладке “Статистика” можно увидеть результаты формы.
-
В меню кнопки есть возможность привязать необходимую форму, отредактировать кнопку, скопировать ее или удалить.