Настройка сценариев запуска поп-ап форм, умных виджетов, онлайн-чата
Создавайте автоматические умные формы и сообщения, которые отправляются посетителям после определенного поведения или действия: помогите выбрать подходящую услугу или сделайте персональное предложение в нужное время. Вы можете создавать различные всплывающие формы на основе целевых действий — триггеров. Триггерные сообщения лучше всего подходят для привлечения пользователей и будущих продаж.
В этой статье расскажем обо всех событиях, к которым можно привязать сценарии виджета на сайте, и о том, как настроить внешний вид и сообщения для каждого сценария.
Как настроить внешний вид умных форм
Чтобы создать сценарий на сайте — отправку автоматического сообщения, вызванную событием, — перейдите в раздел «Сценарии на сайте». Нажмите «Добавить сценарий».
Выберите один с 30+ шаблонов, подходящий по типу или главному действию (CTA-элементу).
Типы шаблонов
Модальное окно — блок, расположенный по центру страницы. Контент вне блока затемнен и не кликабелен. Для взаимодействия с контентом нужно закрыть модальное окно.
Оверлей — блок, который перекрывает всю страницу сайта. Для взаимодействия с контентом нужно закрыть окно оверлея.
Поп-ап — плавающий блок, «приклеенный» слева или справа в окне браузера при скроллинге. Не мешает взаимодействовать с контентом.
Видео поп-ап — поп-ап, в котором автоматически или по клику воспроизводится горизонтальное или вертикальное видео с YouTube. Если выбран автоматический сценарий, видео начнет воспроизводиться после любого действия пользователя на странице.
Если выбрана активация по клику, после загрузки страницы будет отображаться превью, а воспроизведение видео начнется после клика на поп-ап.
На мобильных устройствах видео поп-апы всегда воспроизводятся по клику, чтобы не быть навязчивыми.
Сообщение — текст, всплывающий в виджете онлайн-чата по определенному сценарию.
Длинный поп-ап — «липкая» панель, которую можно прикрепить сверху или снизу страницы. Взаимодействию с контентом не мешает.
Варианты CTA
Запрос куки — кнопка, по клику на которую пользователь дает согласие на использование cookies и закрывает поп-ап или переходит по ссылке, чтобы ознакомиться с правилами использования cookies.
Запрос действия (призыв к действию) — кнопка со ссылкой на целевую страницу.
Кнопка чата — по клику пользователь перейдет в онлайн-чат на сайте.
Кнопка мессенджера — кнопка подписки на все распространенные социальные сети: Messenger, Telegram, WhatsApp, Instagram, Snapchat, Viber, VK, Twitter, YouTube или custom link (пользовательскую ссылку на страницу или чат-бота). Вы можете добавить любое количество кнопок соцсетей в один поп-ап, используя пресеты.
Подписка на почту — форма для сбора email.
Запрос телефона — форма для сбора номеров телефона.
Без кнопки — кнопка активного действия скрыта, поп-ап выполняет информирующую функцию. Этот вариант CTA может быть использован во всплывающем окне любого типа.
Кастомная форма — форма с полями из переменных проекта (стандартных и пользовательских) с валидацией по типу переменной. Всего можно добавить до 10 полей. Пользователь может заполнить только часть полей на свое усмотрение; в этом случае данные сохраняться, а пользователь получит предупреждение о том, что информация сохранена, но нужно заполнить пустые поля. Этот вариант CTA может использоваться в любом всплывающем окне.
При выборе шаблона все данные, касающиеся внешнего вида поп-апа, заполняются автоматически. Вы можете перейти к настройкам таргетинга или отредактировать любой элемент.
Настройка умных форм не зависит от выбранного шаблона и состоит из двух шагов:
- Настройка внешнего вида формы и контента.
- Настройка сценария.
Покажем процесс пошагового создания умной формы на примере модального окна. Вы можете применить этот гайд к настройке любого другого типа шаблона.
При создании поп-апа система генерирует автоматическое название, которое можно оставить или заменить, чтобы сценарий было легко найти и отличить от других сценариев.
Вы можете удалить изображение, оставить изображение по умолчанию, выбрать любое из шаблонных или загрузить собственное в формате JPG, PNG или GIF весом до 1 MB.
Чтобы изменить предустановленное изображение, нажмите на ∨.
Чтобы загрузить картинку с компьютера, выберите изображение.
Вы можете поменять расположение изображения относительно текста и кнопки.
Выберите стиль отображения всех элементов поп-апа: белый, черный или цветной. Цветовая гамма также будет меняться в зависимости от выбранного цветового решения в проекте.
Введите полезное сообщение для посетителей сайта, которое соответствует ситуации и вовлечет потенциальных клиентов во взаимодействие с виджетом. Вы можете форматировать текст, добавлять ссылки и эмодзи.
Варианты форматирования текста:
- Настройка заголовков, параграфа и малого параграфа. Малый параграф на два пункта меньше обычного — используйте его, чтобы компактно поместить весь необходимый текст в поп-ап.
- Выбор размера шрифта (Font size): 13, 15, 22, 26 и 30.
- Выравнивание текста по центру, по ширине, по левому или правому краю.
- Три варианта начертания: жирное, курсивное или подчеркнутое.
В поле помещается до 3000 символов.
Например, если посетитель просмотрел страницу продукта более трех раз, сообщение во всплывающем виджете поможет ему сделать выбор и закрыть продажу. Тем, кто находится на странице доставки и оплаты, виджет поможет рассчитать стоимость доставки товара.
Следующий шаг — выбор главного действия.
Доступны восемь вариантов:
- Запрос куки — кнопка, по клику на которую пользователь дает согласие на использование cookies и закрывает поп-ап или переходит по ссылке, чтобы ознакомиться с правилами использования cookies.
- Запрос действия (призыв к действию) — кнопка со ссылкой на целевую страницу.
- Кнопка чата — по клику пользователь перейдет в онлайн-чат на сайте.
- Кнопка мессенджера — кнопка подписки на все распространенные социальные сети: Messenger, Telegram, WhatsApp, Instagram, Snapchat, Viber, VK, Twitter, YouTube или custom link (пользовательскую ссылку на страницу или чат-бота). Вы можете добавить любое количество кнопок соцсетей в один поп-ап, используя пресеты.
- Подписка на почту — форма для сбора email.
- Запрос телефона — форма для сбора номеров телефона.
- Без кнопки — кнопка активного действия скрыта, поп-ап выполняет информирующую функцию. Этот вариант CTA может быть использован во всплывающем окне любого типа.
- Кастомная форма — форма с полями из переменных проекта (стандартных и пользовательских) с валидацией по типу переменной. Всего можно добавить до 10 полей. Пользователь может заполнить только часть полей на свое усмотрение; в этом случае данные сохраняться, а пользователь получит предупреждение о том, что информация сохранена, но нужно заполнить пустые поля. Этот вариант CTA может использоваться в любом всплывающем окне.
С помощью призыва к действию вы можете перенаправлять посетителей сайта на любую страницу сайта, в чат-бота, в соцсеть, в мессенджер или на скачивание файла. Например, с помощью этой формы можно собрать подписчиков в Telegram чат-бот или перенаправить тех, кто прочитал больше трех статей в блоге на скачивание полезного гайда.
Проверьте все заданные опции и нажмите «Далее» для перехода к настройке сценария отображения умной формы.
Как добавить сценарий виджета
Самая важная часть — выбор условия для отслеживания поведения посетителей. Виджет отображает сообщение, когда пользователь совершает целевое действие — прокручивает страницу до определенной части, переходит на страницу оплаты — или ведет себя определенным образом — повторно посещает страницу, заходит с браузера Safari, проводит на сайте больше 40 секунд. Правильное условие увеличит вовлеченность посетителей и общий коэффициент конверсии.
Протестируйте различные условия отображения виджетов и призывы к действию, проанализируйте результаты и выберите наиболее подходящий вариант.
Нажмите «Добавить условие».
Типы условий
Время на текущей странице — введите значение, которое будет больше или меньше длительности посещения целевой страницы в секундах, минутах или часах; виджет сработает, когда посетитель проведет на странице указанное в настройках время.
Время на сайте — введите значение, которое будет больше или меньше длительности посещения сайта в секундах, минутах или часах; виджет сработает, когда посетитель проведет на сайте указанное в настройках время.
Количество сессий — введите значение, которое будет больше или меньше целевого количества сессий на одного пользователя; виджет сработает, когда пользователь совершит заданное в настройках количество сессий.
Посещено страниц — введите значение, соответствующее количеству страниц, которые необходимо просмотреть, прежде чем запустится виджет; виджет сработает, когда пользователь посетит больше или меньше определенного количества страниц.
Посещено страниц в текущей сессии — введите значение, которое будет больше или меньше количества страниц, посещенных в ходе текущей сессии; виджет сработает, когда пользователь посетит больше или меньше определенного количества страниц на протяжении одной сессии.
Скролл более 50% страницы — виджет сработает, когда посетитель прокрутит половину страницы.
Уход курсора за пределы экрана — выберите «да» или «нет»>; виджет сработает, если посетитель начнет или не начнет движение курсором для перехода на другую вкладку или закрытия текущей.
Источник трафика — введите адрес страницы, с которой пользователь перешел на ваш сайт; виджет будет активирован, если заданный URL соответствует URL перехода.
URL текущей страницы — введите значение, которое содержит ссылку или часть ссылки на целевую страницу; виджет сработает после загрузки страницы с заданным URL.
Период времени — выберите временной интервал, когда виджет будет отображаться на сайте; виджет будет срабатывать только на протяжении выбранного времени.
Важно: после 00:00 начинается отсчет нового дня для корректного отображения статистики по проекту. Поэтому ночные периоды времени нужно прописывать по формуле: «период до 23:59», оператор «или», «период с 00:01».
При создании учитывается часовой пояс вашего браузера, при использовании — часовой пояс ваших клиентов.
URL посещенной страницы — введите ссылку или часть ссылки на ваш сайт, которую пользователь ранее посещал; виджет сработает, когда пользователь повторно посетит страницу с тем же URL.
Заголовок страницы — введите значение, равное или содержащее символы заголовка целевой страницы; виджет сработает, когда посетитель зайдет на страницу с таким же заголовком.
Браузер — введите значение, которое совпадает с названием браузера, содержит его часть или соответствует всем браузерам на мобильных устройствах (All Mobile) или на десктопах (All Desktop); виджет сработает, когда посетитель зайдет на сайт из определенного браузера или с любого браузера на мобильном/десктопе.
Язык браузера — выберите язык браузера пользователя; виджет активируется только у пользователей с заданным языком браузера.
Период дат выберите в календаре интервал дат, когда виджет будет отображаться на сайте; виджет будет срабатывать только на протяжении выбранных дат.
UTM Medium — введите значение, равное или содержащее символы параметра utm_medium, который определяет канал перехода; виджет активируется только у пользователей с заданным параметром utm_medium.
UTM Content — введите значение, равное или содержащее символы параметра utm_content, который определяет содержание кампании (объединяет пользователей из разных источников, кликнувших по одному и тому же баннеру). Виджет сработает только у пользователей с заданным параметром utm_content.
UTM Term— введите значение, равное или содержащее символы параметра utm_term, который определяет ключевое слово или фразу, по которой пользователь перешел на сайт из поиска. Виджет сработает только у пользователей с заданным параметром utm_term.
UTM Campaign — введите значение, равное или содержащее символы параметра utm_campaign, который соответствует названию рекламной кампании; виджет будет отображаться только у пользователей с заданным параметром utm_campaign.
UTM Source — введите значение, равное или содержащее символы параметра utm_source, который определяет источник трафика; виджет отобразится только для пользователей с заданным параметром utm_source.
Тип трафика — выберите один из семи возможных типов трафика; виджет активируется только у посетителей с выбранного канала трафика.
Источник — введите домен, с которой пользователь перешел на ваш сайт; виджет будет активирован, если заданный URL соответствует домену перехода.
Выберите условие и значение.
Типы значений:
- «равно», «не равно» или «содержит» для текстовых значений;
- «больше» или «меньше» для числовых значений.
Если вы хотите добавить дополнительные значения для текущего условия, щелкните значок + справа.
И выберите другое значение. Затем выберите оператор: «или» или «и».
Если вы хотите добавить еще одно условие, нажмите «Добавить условие».
Если вы добавляете больше одного условия, настройте порядок выполнения условий:
- «каждое», чтобы умная форма отображалась только при наступлении всех заданных условий;
- «любое» — форма отобразиться при выполнении любого условия.
Сохраните изменения на дашборде, нажав на кнопку «Сохранить без публикации». В дальнейшем вы сможете в любой момент активировать поп-ап. Чтобы сразу опубликовать изменения на сайте, нажмите на «Сохранить и опубликовать».
Для деактивации умной формы перейдите в соответствующую шаблону вкладку и передвиньте ползунок.
Все поп-апы отображаются в разделе «Сценарии на сайте» в отдельных вкладках, соответствующих типу умной формы. После создания вы можете изменить любую настройку, кроме типа.
Для того, чтобы всплывающее окно отображалось на сайте, достаточно один раз установить скрипт виджета. Если код виджета уже установлен, почистите файлы cookie.
Как скопировать существующую умную форму
Вы можете скопировать любой поп-ап в один клик, чтобы создать аналогичный на другом языке или незначительно изменить настройки таргетинга и протестировать гипотезу.
Выберите поп-ап, который нужно скопировать, нажмите на три точки в правом верхнем углу и выберите «Скопировать».
Система создаст новый поп-ап с аналогичными настройками и названием, которые можно отредактировать в любой момент. Внесите необходимые изменения и активируйте умную форму, передвинув ползунок.
Подробнее о том, как сделать поп-ап в Тильде, Викс и других конструкторах или CMS, смотрите здесь.
Создавайте больше пользовательских сценариев на основе поведения каждого конкретного посетителя, анализируйте и улучшайте свои стратегии.
Давайте разберемся, как анализировать полученные данные.
Обновлено: 02.02.2022