Кнопка вызова формы

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

Создание кнопки вызова

1. Перейдите в раздел “Сайт” →“Формы” и выберите вкладку “Кнопки вызова”.

2. Нажмите “Новая кнопка вызова”.

3. Задайте название кнопке.

4. Выберите наиболее подходящую кнопку вызова. Ее можно будет доработать в редакторе.

Контент

По клику на кнопку в меню слева откроются настройки ее контента. В них можно:

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

2. Выбрать дизайн кнопки, задав нужный фон, толщину и цвет обводки, а также тень.

3. Задать форму кнопки: оставить квадратной или сделать крглой.

4. Задать мобильные настройки.

Оформление

1. Во вкладке “Оформление” задайте позиционирование (расположение) кнопки и отступы от краев экрана.

2. Вкладка “Стиль текста” дает возможность выбрать шрифт (если он требуется для кнопки).

3. В “Адаптивности” задайте ширину экрана, начиная с которой отображение формы перестраивается на мобильную версию. По умолчанию это менее 576 пикселей.

4. Во вкладке “Анимация появления” выберите эффект, с которым будет появляться кнопка.

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

Получится такой эффект:

6. Задайте настройки для мобильной версии, перейдя во вкладку “Мобильные настройки”.

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

1. Стрелки “Назад” и “Вперед” позволяют отменить или вернуть внесенные изменения в кнопку.

2. Настройки мультиязычности:

• настройки внешнего вида формы выполняются только для основного языка, откуда копируются во все остальные языковые версии;

• в языковых версиях можно поменять только текст;

• форма отображается на языке сайта, который определяется по значению атрибута lang в теге html; если его нет – по языку браузера.

3. Цвет фона окна. Позволяет проверить, как кнопка будет смотреться на нужном фоне.

4. Кнопки перехода на мобильную или десктопную версию формы. 

5. Предпросмотр формы.

6. Закрыть без сохранения.

7. Далее (сохранение).

Параметры кнопки

Существует три типа параметров кнопки вызова:

• Внешний вид.

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

• Форма будет отображаться (здесь нужно выбрать, какая форма отобразиться при нажатии на кнопку).

1. Внешний вид мы уже рассмотрели. Разберемся с условиями показа. Для этого нажмите кнопку “Редактировать”.

Здесь можно настроить:

• частоту показа;

• когда показывать кнопку;

• кому показывать;

• страницы, на которых будет показываться форма: добавить или исключить ненужные;

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

2. Выберите форму, которая будет отображаться после нажатия на кнопку. Для этого нажмите на кнопку “Выбрать”.

3. Сохранив все настройки, проверьте, как кнопка будет отображаться на сайте. Для этого нажмите на кнопку “Смотреть на странице”, так как по умолчанию она не видна.

4. Введите ссылку на сайт и нажмите “Смотреть на странице”.

При удачном выполнении всех шагов форма отобразится на вашем сайте согласно заданным условиям.

5. После тестирования кнопки откройте ее, нажав на кнопку “Видна посетителям сайта”, и нажмите “Сохранить”.

Чтобы остановить показ кнопки, нажмите на кнопку “Видна только вам”, после этого – “Сохранить”.

6. Во вкладке “Статистика” можно увидеть результаты формы.

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