Отслеживание событий и поведения

Deep Links and Universal Links

Email

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

In-App

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

Сценарии. Описание блоков

Документы

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

Как настроить информер для вашего сайта

Информеры — это интерактивные виджеты, позволяющие информировать клиентов об акциях, скидках, новых поступлениях и предстоящих событиях и повышать их вовлеченность в социальные сети.

Установка скрипта

Прежде чем приступить к созданию информационных уведомлений, нужно установить скрипт eSputnik на ваш сайт. Для этого:

  1. Перейдите в Сайт → Виджеты → Информеры.

  2. Нажмите кнопку "Получить скрипт".

Получение скрипта

  1. Укажите домен.

  2. Нажмите “Копировать в буфер обмена” на боковой панели, чтобы скопировать скрипт.

Скопировать скрипт
 

Примечание:

Если у вас уже установлен скрипт, нажмите кнопку “Проверить статус привязки”, чтобы убедиться, что скрипт работает правильно.
Проверить статус

  1. Установите скрипт на сайт.

  2. Нажмите кнопку “Проверить статус привязки”, чтобы убедиться, что ваш скрипт работает правильно.

Создание нового информера

Чтобы создать новый информер:

  1. Перейдите в Сайт → Виджеты → Информеры и нажмите кнопку "Создать информер".

Создать информер

  1. Введите название информера в поле “Название”, после чего выберите тип информационного уведомления из доступных вариантов:

  • Встроенный
  • Модальное окно
  • Плавающая форма
  1. Нажмите кнопку “Далее”.

Выбор типа информера

  1. Нажмите на цветовую панель и выберите из выпадающей палитры нужный цвет для следующих элементов информационного уведомления:

  • Основная кнопка
  • Основной заголовок
  • Фон

Выбор стиля информера

  1. Выберите стиль сайта и нажмите “Далее”. Доступны следующие стили:

  • Мягкий
  • Минимализм
  • Классический
  • Декоративный
  • Современный

Выбор стиля вебсайта

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

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

  1. Нажмите кнопку “Сохранить/Применить” и выберите "Сохранить" из выпадающего списка, чтобы сохранить информер с настройками по умолчанию. О том, как их изменить, вы узнаете в разделе “Редактирование параметров информационного уведомления”.

Сохранение информера

  1. Если вы выбрали линейный тип виджета, добавьте CSS-селектор, чтобы определить его положение. Разверните список “Как найти CCS-селектор”, чтобы узнать, как это сделать.

Добавление CSS-селектора

Если вы хотите указать местоположение формы позднее, активируйте ползунок “Указать место размещения позже”.

Указать место размещения позже

  1. Кликните одну из пяти иконок, чтобы выбрать местоположение для вашего информера, после чего нажмите “Готово”.

Выбор местоположения информера

  1. Нажмите “Готово” на боковой панели для завершения.

Сообщение об успешном создании информационного уведомления:

Информер создан

Вы можете отредактировать свой информер в любой момент.

Редактирование параметров информера

Чтобы отредактировать параметры информера:

  1. Перейдите в Сайт → Виджеты и выберите “Информеры” в меню слева.

  2. Кликните на информере, который вы хотите отредактировать.

Редактирование информера

Вы можете отредактировать следующие параметры:

  • Внешний вид
  • По правилам
  • Место размещения

Ниже вы найдете доступные опции для каждого из этих параметров.

Редактирование внешнего вида

Для редактирования параметров внешнего вида информера:

  1. Нажмите “Редактировать” во вкладке “Внешний вид”.

Редактирование внешнего вида

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

  2. Нажмите кнопку “Сохранить/опубликовать” и выберите “Сохранить” или “Сохранить и опубликовать” в выпадающем меню.

Сохранение изменений

Чтобы внести какие-либо изменения в элементы вашего информационного уведомления:

  1. Наведите курсор на элемент, чтобы активировать меню элемента.

Активация меню элемента

  1. Наведите курсор на иконку с многоточием.

  2. Щелкните нужный значок:

  • А. Переместить
  • Б. Создать копию
  • В. Удалить

Пункты меню элемента

Чтобы добавить элемент в ваше информационное уведомление:

  1. Выберите вкладку “Контент”.

  2. Перетащите нужный элемент в свой информер и отпустите кнопку в нужном месте внутри виджета.

Базовые компоненты

Чтобы настроить параметры рамки информера:

  1. Нажмите рамку информера.

  2. Выберите вкладку “Десктоп” или “Мобильная версия” в меню слева.

Выбор десктопной/мобильной версии

  1. Измените любой из следующих параметров:

  • Размер
  • Выравнивание элементов внутри
  • Внутренние отступы
  • Внешние отступы
  • Фон
  • Тень
  • Скругление углов
  1. Кликните иконку замка и выберите необходимую синхронизацию. Для каждого применяемого параметра можно выбрать такую синхронизацию его настроек на страницах:

  • На всех. Применяемые настройки синхронизируются на всех страницах (мобильной и десктопной).
  • Отдельно для десктопной/мобильной версии. Примененные настройки синхронизируются на всех страницах десктопной или мобильной версии.
  • Не синхронизировать. Без синхронизации.

Типы синхронизации

Чтобы настроить параметры элемента информационного уведомления:

  1. Кликните элемент информера.

  2. Выберите вкладку “Десктоп” или “Мобильная версия”.

  3. Измените любой из параметров, отображаемых в левом меню.

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

Параметры зависят от типа элемента.

Параметры элементов для десктопной/мобильной версии

Для редактирования параметров верстки информера:

  1. Выберите вкладку “Оформление” в меню слева и разверните пункты меню.

Настройки оформления

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

  • Шрифт заголовка
  • Шрифт текста

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

Выбор стиля текста

  1. В пункте меню “Адаптивность” введите необходимое значение ширины экрана.

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

Вы можете назначить действие по клику для следующих элементов информационного уведомления:

  • Кнопка
  • Изображение
  • Контейнер

Чтобы настроить действие по клику:

  1. Нажмите любой из вышеперечисленных элементов информера.

  2. Выберите вкладку “Общие” в правом меню.

  3. Нажмите “Настроить URL”.

  4. Вставьте или впишите URL-адрес в поле “Открытый URL”.

  5. Активируйте кнопку “Открыть страницу в новой вкладке”, если вы хотите, чтобы страница отображалась в новой вкладке.

Настройка действия по клику

В меню верхней панели находятся кнопки с такими функциями:

  • А. Отменить/Повторить
  • B. Мультиязычные настройки
  • C. Цвет фона
  • D. Предварительный просмотр информера на десктопе
  • E. Предварительный просмотр информера на мобильном
  • F. Предварительный просмотр формы
  • G. Закрыть без сохранения
  • H. Сохранить/опубликовать

Меню верхней панели

Редактирование отображения информера

Для редактирования правил показа информера:

  1. Нажмите “Редактировать” в поле “По правила”.

Правила показа информера

  1. Установите необходимые параметры для следующих условий отображения формы:

  • Частота показа
  • Кому
  • На страницах
  • API
  1. Нажмите “Сохранить”.

Примечание:

Вы можете использовать для настройки ваших информационных уведомлений либо API, либо другие условия по отдельности. Дополнительные сведения вы найдете в разделе “Условия отображения”.

Примененные правила отображаются во вкладке “Правила”.

Примененные правила

Редактирование местоположения

Чтобы отредактировать параметры места размещения:

  1. Нажмите “Редактировать” в поле “Место размещения”.

Редактирование местоположения информера

  1. В меню редактирования места размещения измените CSS-селектор, следуя инструкциям, отображаемым при нажатии кнопки “Как найти CSS-селектор”.

  2. Кликните любую из невыделенных иконок, чтобы выбрать другую позицию для вашего информационного уведомления.

  3. Нажмите “Готово”.

Изменение настроек местоположения

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