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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вернитесь в конструктор попапа и добавьте элемент Цепочка (Pop-up flow).

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

В поле Цепочка (Flow pop-up) выберите попап, который запускать нажатием на кнопку, и введите название кнопки.

В поле Текст кнопки (Button text) введите текст. Ниже выберите цвет кнопки.

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите Добавить попап (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).

Обновлено: 09.09.2024