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

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

Обратите внимание!

Для работы виджета на вашем сайте необходимо установить скрипт eSputnik. Для его получения перейдите во вкладку “Сайт” → “Виджеты” и нажмите “Получить скрипт”. Далее укажите домен вашего сайта, добавьте скрипт в код сайта перед закрывающим тегом body. Скрипт должен быть установлен на всех страницах.

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

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. Выберите действия после заполнения формы, который будут выполняться после нажатия на кнопку.

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

• Добавить контакты в группу. По умолчанию, контакты сохраняются в аккаунт без добавления в группы. Кликните Сохранять контакты в группу и выберите группу для сохранения контактов или создайте новую группу.

• Подтвердить email-адрес через отправку сообщения (Double Opt-In).

• Отправить письмо-подтверждение. Новые контакты получат письмо с подтверждением подписки. Нажмите "Редактировать", чтобы изменить содержимое письма.

• Перенаправить после клика в письме. 

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

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

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

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

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

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

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

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