Как создать сценарий цепочки для попапов

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

В статье рассмотрим, как настроить цепочки и сценарии показа попапов.

Как создавать цепочки попапов

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

Создайте попапы

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

Перейдите к нужному проекту и нажмите кнопку «Создать попап» (Create pop-up), выберите шаблон и добавьте весь необходимый контент.

Читайте подробнее: «Как создать умный попап».

Выберите условия показа

Для конструирования цепочек важно правильно выбрать условия показа каждого попапа.

Вы можете настроить показ так, чтобы попап появлялся исключительно в цепочке. Для этого перейдите на вкладку «Условия показа» (Display conditions), выберите условие «Показывать только по клику на кнопку» (Show only upon button click) и нажмите «Сохранить» (Save).

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

Свяжите попапы в настройках

Вернитесь в конструктор попапа, в поле «Главное действие» (Target action) выберите «Кастомная форма» (Custom form).

Помните про сценарий цепочки и порядок попапов. В попапе, с которым работаете, выбирайте тот, что будет идти следующим.

Нажмите «Добавить элемент» (Add element) и выберите «Цепочка» (Pop-up flow).

В появившейся форме введите текст для кнопки и выберите попап из выпадающего списка.

Выберите попап, который будет запускаться нажатием на кнопку, и введите название кнопки.

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

Нажмите «Сохранить» (Save).

Просмотр и редактирование цепочки

Вы можете просматривать список цепочек, структуру каждого сценария и редактировать попапы во вкладке «Цепочки» (Flows).

Цепочки создаются и показываются только с опубликованными попапами.

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

Чтобы отредактировать нужный попап в конструкторе, нажмите на него в цепочке, а затем — на иконку карандаша.

У названия цепочки вы увидите статистику просмотров стартового попапа.

Название цепочки соответствует названию стартового попапа.

Пример с разными предложениями на сайте

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

Таким образом вы проинформируете посетителей сайта о всех возможностях и увеличите процент конверсий, ведь предложение подписаться за получение скидки более перспективно для клиентов.

Рассмотрим, как это сделать.

Создайте стартовый попап

Нажмите «Добавить попап» (Add pop-up) и выберите один из шаблонов в разделе «Горизонтальные» (Horizontal).

Добавьте текст и необходимый контент. На этом этапе необходимо добавить текст и картинку. К добавлению кнопок нужно будет вернуться при настройке связей между попапами.

После сохранения всех настроек перейдите на вкладку «Условия показа» (Display conditions) и выберите условие «Показывать всегда» (Show always). Также дайте название созданному попапу – его будете видеть только вы.

Важно понятно назвать попапы, которые вы создаете. Именно под названием вы будете выбирать связи между попапами.

Нажмите «Сохранить» (Save).

Добавьте попап промокода

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

Добавьте попап с информацией об условиях получения промокода и кнопкой призыва к действию.

Перейдите на вкладку «Условия показа», выберите условие «Показывать только по клику на кнопку» (Show only upon button click) и нажмите кнопку «Сохранить» (Save).

Добавьте попап подписки

Далее создайте попап, который будет вести на форму подписки и станет продолжением для тех посетителей, кто хочет получить скидку и оставить свой номер телефона. Это будет последний попап для ветки с промокодом.

Добавьте попап типа «Запрос телефона» (Phone number request), настройте текст кнопки и выберите, в какую адресную книгу собирать полученные телефонные номера.

Перейдите на вкладку «Условия показа», выберите условие «Показывать только по клику на кнопку» (Show only upon button click) и нажмите кнопку «Сохранить» (Save).

Добавьте попап акции

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

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

Свяжите попапы в цепочку

Мы получили четыре попа, которые нужно связать в соответствии с задуманным сценарием.

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

Перейдите на стартовый поп и нажмите «Редактировать» (Edit).

Установите связь между попапами. Для этого в «Главном действии» (Target action) выберите «Кстомная форма» (Custom form) и добавьте элемент «Цепочка» (Pop-up flow). Выберите, какой попап запускать и введите название кнопки, которая запустит его.

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

Нажмите «Сохранить» (Save).

Также следует связать попап промокода с формой запроса номера телефона. Для этого перейдите в попап промокод, добавьте кастомную форму и добавьте элемент «Цепочка» (Pop-up flow). Напишите текст «Получить код» для кнопки и выберите попап из выпадающего списка, имеющий поле для ввода телефона.

Нажмите «Сохранить» (Save).

Для просмотра структуры сценария выделите во вкладку «Цепочки» (Flows).

Обновлено: 10.11.2023