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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Встроенный
• Модальное окно
• Плавающая форма

3. Нажмите кнопку “Далее”.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Размер
• Выравнивание элементов внутри
• Внутренние отступы
• Внешние отступы
• Фон
• Тень
• Скругление углов

4. Кликните иконку замка и выберите необходимую синхронизацию. Для каждого применяемого параметра можно выбрать такую синхронизацию его настроек на страницах:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Частота показа
• Кому
• На страницах
• API

3. Нажмите “Сохранить”.

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

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

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

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

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

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

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