Вход

Email

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

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

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

Документы

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

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

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

Пример кнопки вызова на сайте InWear

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

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

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

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

Кнопки вызова

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

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

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

Название для кнопки вызова

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

Выбор внешнего вида

Контент

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

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

Отступы для кнопки

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

Дизайн кнопки

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

Форма кнопки 

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

Мобильные настройки для контента

Оформление

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

Позиционирование кнопки

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

Стиль текста кнопки

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

Адаптивность кнопки

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

Анимация появления кнопки

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

Цикличная анимация

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

Пример цикличной анимации

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

Настройки отображения на мобильном

Общие

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

Общие настройки

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

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

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

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

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

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

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

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

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

  3. Предпросмотр виджета.

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

  5. Сохранить.

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

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

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

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

  • Действия после заполнения формы.

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

 

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

Условия вызова виджета

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

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

Частота показа

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

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

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

Кому показывать кнопку

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

Страницы, на которых будет показываться виджет

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

Способы показа

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

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

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

Добавить контакты в группу

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

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

Отправить письмо-подтверждение

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

Опции перенаправления

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

Выбор приветственного письма

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

Тестировать виджет на странице

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

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

Пример показа кнопки

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

Опубликовать на странице

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

Отменить публикацию на странице

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

Статистика виджета

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

Меню кнопки

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