Вхiд

Email

Омніканальність

In-App
Рекомендації в мобільних додатках

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

Мультимовність

Документи

Відповідність GDPR

Інтеграція

Інтеграція з сайтом

Створення кнопки виклику віджета

Збільшуйте конверсію віджета, додавши кнопку виклику на сторінки сайту. Дозвольте відвідувачам підписуватись у зручний момент і нагадуйте про підписку тим, хто ще цього не зробив.

Приклад кнопки виклику на сайті InWear

Зверніть увагу!

Для роботи віджета на вашому сайті необхідно встановити скрипт eSputnik. Щоб його отримати, перейдіть у вкладку “Сайт” → “Віджети” та натисніть “Отримати скрипт”. Далі вкажіть домен вашого сайту, додайте скрипт у код сайту перед тегом body, що закриває. Скрипт має бути встановлений на всіх сторінках.

Створення кнопки виклику

  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. Виберіть віджет, який відображатиметься після натискання на кнопку. Для цього натисніть кнопку "Вибрати".
    Віджет, який буде відображений
  3. Зберігши всі налаштування, перевірте, як кнопка відображатиметься на сайті. Для цього натисніть кнопку "Тестувати віджет", оскільки за замовчуванням її не видно.
    Тестувати віджет
  4. Введіть посилання на сайт і натисніть "Відкрити".

    У разі вдалого виконання всіх кроків кнопка з'явиться на вашому сайті згідно із заданими умовами.
    Приклад показу кнопки
  5. Після тестування кнопки відкрийте її, натиснувши кнопку “Опубліковано”, та натисніть “Зберегти”. 
    Опублікувати віджет
  6. Щоб зупинити показ кнопки, натисніть кнопку “Бачите тільки ви”, після цього – “Зберегти”.
  7. У вкладці “Статистика” можна побачити результати переглядів і переходів.
    Статистика віджета
  8. У меню кнопки можна прив'язати необхідний віджет, показати прев'ю кнопки виклику, відредагувати кнопку, скопіювати її або видалити.
    Меню кнопки
Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email