Вхiд

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-адресу в полі “Відкрити URL”.

  4. Якщо ви хочете, щоб сторінка відображалася в новій вкладці, активуйте кнопку “Відкрити сторінку в новій вкладці”. 

Налаштування дії за кліком

Меню верхньої панелі

У меню верхньої панелі знаходяться кнопки з такими функціями:

  • А. Скасувати/Повторити
  • Б. Багатомовні налаштування
  • В. Колір фону
  • Г. Попередній перегляд брейкпойнта на десктопі
  • Ґ. Попередній перегляд брейкпойнта на мобільному
  • Д. Попередній перегляд форми
  • Е. Закрити без збереження
  • Є. Зберегти/опублікувати

Меню верхньої панелі

Редагування відображення інформаційного сповіщення

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

  1. Натисніть “Змінити” в полі “Виклик інформера”.

Правила показу інформаційного сповіщення

  1. Встановіть необхідні параметри для таких умов відображення форми:

  • Частота показу
  • Кому
  • На сторінках
  • API
  1. Натисніть “Зберегти”.

Примітка:

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

Застосовані правила відображаються у вкладці “Правила”.

Застосовані правила

Редагування місцезнаходження

Щоб відредагувати параметри місцезнаходження:

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

Редагування місцезнаходження інформера

  1. У меню редагування місцезнаходження змініть CSS-селектор, дотримуючись інструкцій, що відображаються за натисканням кнопки “Як знайти CSS-селектор”.

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

  3. Натисніть “Готово”. 

Зміна налаштувань місцезнаходження

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email