Як створити сценарій ланцюжка для попапів

Ви можете поєднати декілька попапів в один ланцюжок, який буде показувати відвідувачам сайту різні повідомлення за вказаним вами сценарієм.

В статті розглянемо, як налаштувати ланцюжки та сценарії показу попапів.

Як створювати ланцюжки попапів

Cтворення ланцюжка попапів полягає в тому, щоб повʼязати запуск попапів в обраній послідовності.

Створіть попапи

Рекомендуємо повністю продумати сценарій ланцюжка, а потім створити всі попапи, які в ньому передбачені. Тільки потім налаштуйте зв'язки між ними.

Перейдіть до потрібного проєкту та натисніть Додати попап (Add pop-up), оберіть шаблон та додайте весь необхідний контент.

Читайте докладніше: Як створити розумний попап.

Оберіть умови показу

Для конструювання ланцюжків важливо правильно обрати умови відображення кожного попапу.

Ви можете налаштувати показ так, щоб попап зʼявлявся виключно в межах ланцюжка. Для цього перейдіть у вкладку Умови відображення, оберіть умову Кліки (Clicks) > Після кліку на кнопку (Upon button click) та натисніть Зберегти (Save).

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

Звʼяжіть попапи в налаштуваннях

Поверніться в конструктор попапу, та додайте елемент Ланцюжок (Pop-up flow).

Памʼятайте про сценарій ланцюжка та порядок попапів. У попапі, з яким працюєте, обирайте той, що буде йти наступним.

У полі Ланцюжок (Flow pop-up) виберіть попап, який запускати натисканням на кнопку.

У полі Текст кнопки (Button text) введіть текст. Нижче оберіть колір кнопки.

Ви можете створити до пʼяти елементів Ланцюжок, які будуть запускати необхідні вам попапи, розгалужуючи сценарій ланцюжка.

Натисніть Зберегти (Save).

Перегляд та редагування ланцюжка

Ви можете переглядати перелік ланцюжків, структуру кожного сценарію та редагувати попапи у вкладці Ланцюжки.

Ланцюжки створюються та показуються тільки з опублікованими попапами.

Ви можете переглядати структуру вашого сценарію та редагувати налаштування кожного з них.

Щоб відредагувати необхідний попап в конструкторі, натисніть на нього у ланцюжку, а потім — на іконку олівця.

Біля назви ланцюжка ви побачите статистику переглядів стартового попапу.

Назва ланцюжка відповідає назві стартового попапу.

Приклад із різними пропозиціями на сайті

Часто в торгових компаніях діють одразу дві та більше акцій та пропозицій. Ви можете обʼєднати всі свої пропозиції в один послідовний ланцюжок. Наприклад, розмістити один закріплений попап горизонтального типу з двома кнопками, які показують різні пропозиції, такі як: безплатна доставка та отримання промокоду за залишений номер телефону.

У такий спосіб ви проінформуєте відвідувачів сайту про всі можливості та збільшите відсоток конверсій, адже пропозиція підписатися за отримання знижки більш перспективна для клієнтів.

Розглянемо, як це зробити.

Створіть стартовий попап

Натисніть Додати попап (Add pop-up) й оберіть один з шаблонів у розділі Горизонтальні (Horizontal).

Додайте текст та необхідний контент. На цьому етапі необхідно тільки додати текст та картинку. До налаштування кнопок треба буде повернутись під час налаштування звʼязків між попапами.

Після збереження всіх налаштувань перейдіть у вкладку Умови відображення (Display conditions) та виберіть умову Частота (Frequency) > При кожному вході на сайт (Every time visitors open your site). Також дайте назву створеному попапу — її будете бачити тільки ви.

Важливо зрозуміло назвати попапи, які ви створюєте. Саме за назвою ви будете обирати зв'язки між попапами.

Натисніть Зберегти (Save).

Додайте попап промокоду

Створіть наступний попап, присвячений промокоду, який можна отримати заповнивши форму з телефоном. До нього буде підключений наступний попап з формою підписки на етапі їхнього зв'язування.

Додайте попап з інформацією про умови отримання промокоду та кнопку заклику до дії.

Перейдіть у вкладку Умови відображення, оберіть умову Кліки (Clicks) > Після кліку на кнопку (Upon button click) та натисніть Зберегти (Save).

Додайте попап підписки

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

Додайте попап типу Запит телефону (Phone number request), налаштуйте текст кнопки та оберіть, в яку адресну книгу збирати отримані номери телефонів.

Перейдіть у вкладку Умови відображення, оберіть умову Кліки (Clicks) > Після кліку на кнопку (Upon button click).

Перейдіть у вкладку Збереження даних (Data savings) та оберіть, в яку адресну книгу зберігати номери. Також ви можете налаштувати автоматичне створення угоди в CRM — для цього оберіть воронку, її етап та введіть назву для таких угод.

Натисніть Зберегти та опублікувати (Save and publish).

Додайте попап акції

Створіть попап, присвячений акції з безплатної доставки або будь-якій іншій пропозиції.

У тексті напишіть умови акції та додайте кнопку, яка буде вести на сторінку сайту з популярними або сезонними товарами.

Повʼяжіть попапи в ланцюжок

Ми отримали чотири попапи, які треба повʼязати відповідно до задуманого сценарію.

Перед тим як повʼязувати попапи, перевірте, щоб усі попапи були опубліковані.

Перейдіть до стартового попапу та натисніть Редагувати (Edit).

Налаштуйте звʼязок між попапами. Для цього додайте елемент Ланцюжок (Pop-up flow). Виберіть, який попап запускати, введіть назву кнопки та оберіть колір.

Повторіть те саме для запуску другого попапу.

Натисніть Зберегти (Save).

Також потрібно звʼязати попап промокоду з формою запиту номеру телефона. Для цього перейдіть в попап промокоду, додайте елемент Ланцюжок (Pop-up flow). Виберіть, який попап запускати, та оберіть колір. Напишіть текст «Отримати код» для кнопки та виберіть попап з випадного списку — той, що має поле для введення телефону.

Натисніть Зберегти (Save).

Щоб переглянути структуру сценарію, перейдіть у вкладку Ланцюжки (Flows).

Оновлено: 15.03.2024