Налаштування плаваючого вікна для сайту

Email

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

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

Налаштування плаваючого вікна для сайту

Плаваюче вікно з'являється зверху інших елементів сайту в нижньому кутку екрана або на всю його ширину. Воно не заважає взаємодіяти із сайтом.

Створення віджета

  1. Перейдіть на вкладку "Сайт" – "Віджети", натисніть "Створити форму підписки".Нова форма підписки
  2. Дайте назву віджету та виберіть тип “Плаваюче вікно”. Активуйте перемикачі для контактних полів, які потрібно збирати. Натисніть "Далі".
    Плаваюче вікно
  3. Щоб створити віджет на основі стилю вашого сайту, виберіть кольори таких елементів:
    • основна кнопка
    • основний заголовок
    • фон
      Вибір кольору
  4. Виберіть стиль форми:
    • м’який
    • мінімалізм
    • класичний
    • декоративний
    • сучасний
      Вибір стилю
  5. Натисніть “Далі”.
  6. Виберіть підходящий вид віджета. Ви зможете відредагувати його згодом.
    Варіанти віджета

Налаштування віджета

Розглянемо основні можливості трьох панелей налаштувань у редакторі drag and drop: лівої, правої та верхньої.

Ліва панель налаштувань

Перетягніть основні елементи форми з лівої панелі та помістіть їх у шаблон віджета.

Базові елементи форми

Верхня панель налаштувань

Вгорі розташовані такі кнопки для роботи з елементами форми:

  • Копіювати
  • Дублювати
  • Вирізати
  • Вставити
  • Вставити з заміною

Верхня панель

Натиснувши на значок стрілки, ви перейдете до батьківського елемента форми.

Значок стрілки

Після натискання елемента з текстом зверху з'являються інструменти редагування тексту.

Інструменти редагування тексту

Права панель налаштувань

На правій панелі налаштувань розміщено вкладки "Оформлення", "Контент", "Загальні":

Права панель

Вкладка “Оформлення”

  • Позиціонування – знизу зліва, знизу праворуч; відступи:
    Позиціонування
  • Налаштування іконки “Закрити”:
    Налаштування іконки
  • Налаштування стилю тексту – за замовчуванням для віджета буде використано шрифт, встановлений на сайті, як основний; щоб використати інший шрифт для сайту, введіть його назву.
  • Адаптивність – ширина екрана, починаючи з якої відображення форми перемикається на мобільну версію; за замовчуванням це менше 576 пікселів.

Вкладка “Контент”

Тут можна змінити вид форми: ширину і висоту, відстань між елементами, відступи, поля, фон тощо:

Контент

Вкладка “Загальні”

Оберіть дію по кліку:

  • надіслати форму
  • відкрити URL
  • відкрити сторінку віджета
  • запустити інший віджет
  • закрити поточний віджет

Після збереження налаштувань ви будете перенаправлені на сторінку параметрів віджета.

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

Тут можна редагувати вигляд віджета, правила його виклику та дії після заповнення форми.

Виклик віджета

Виберіть параметри виклику віджета на відповідній панелі: за правилами або по кліку на кнопку виклику:

Параметри виклику

За правилами

Щоб налаштувати виклик за правилами, натисніть “Редагувати”:

Редагування

Установіть:

  • частоту показу
    Частота показу
  • коли показувати форму
    Коли показувати
  • кому показувати форму
    Кому показувати
  • на яких сторінках
    На яких сторінках

Подібно до динамічного конструктора сегментів, тут можна вибрати сторінки для відображення форми.

  • Ви можете керувати відображенням форм за допомогою API: по кліку на елемент сторінки або через JavaScript. Якщо ви хочете використовувати для форми кастомний лаунчер, вставте CSS-селектор елемента виклику. Щоб відображати форму за додаткових умов, скопіюйте функцію JS нижче.
    Керування відображенням
По кліку на кнопку виклику

Активуйте цю функцію, щоб віджет викликався натисканням кнопки виклику незалежно від умов його відображення:

Виклик віджета

Дії після підписки

  1. Виберіть групу, до якої контакт буде додано після підписки:
    Додати в групуВи можете додати лише нові або всі контакти.
    Додавати лише нові
  2. Налаштуйте підтвердження підписки через емейл. Дізнатися більше про Double Opt-in.
    Підтвердження підписки
  3. Оберіть емейл для підтвердження:
    Емейл-підтвердженняЯкщо у вас немає готового повідомлення, ви можете використовувати емейл за замовчуванням. Якщо воно вже є, натисніть “Замінити”, щоб вибрати.
  4. Виберіть, куди перенаправити користувача після натискання на посилання підтвердження:
    Куди перенаправляти підписникаВи можете перенаправити користувачів на сторінку подяки за замовчуванням або іншу сторінку на вашому сайті.
  5. Підвищити залученість:
    Підвищити залученість

Ви можете вибрати вітальний лист або налаштувати ланцюжок вітальної серії, щоб залучити підписників. Активуйте перемикач “Тільки новим контактам”, щоб уникнути надсилання вітальної кампанії існуючим контактам.

Публікація форми на сайті

Зберігши всі налаштування, перевірте, як відвідувачі побачать форму на сайті. Для цього натисніть кнопку "Тестувати віджет":

Тестувати

Введіть посилання на свій сайт та натисніть "Відкрити":

Відкрити

Якщо все налаштовано правильно, віджет відображатиметься на вашому сайті відповідно до заданих умов.

Після тестування натисніть “Опубліковано” та “Зберегти”, щоб опублікувати форму:

Опубліковано

Щоб припинити відображення форми, натисніть кнопку “Неопублікований”, а потім збережіть зміни.

Для налаштування дати початку та закінчення форми використовуйте кнопку розкладу.

Розклад

Статистика

Перейдіть на вкладку “Сайт” – “Віджети”, виберіть потрібну форму та перейдіть на вкладку “Статистика”. Тут можна побачити:

  • Перегляди
  • Підписки
  • Конверсії

Динаміка активності відображає ті самі показники на графіку. За потреби можна відфільтрувати дані звіту за датою.

Статистика

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