Настройка триггеров для всплывающего окна (pop-up)
Pop-up — это всплывающее окно на сайте, которое появляется перед пользователем, когда он совершает какое-то действие — другими словами, по триггеру, который вы установите (например, нажимает на кнопку, кликает по ссылке или просто заходит на страницу). С помощью всплывающих окон вы можете продвигать свой бизнес, привлекать новую аудиторию и получать больше потенциальных клиентов.
После добавления всплывающего окна на сайт, перейдите к его настройкам и измените условия его появления на опубликованном сайте. На Weblium вы можете настроить, как именно он будет отображаться на сайте, на каких страницах он будет появляться и так далее.
Всплывающие окна зачастую прерывают работу пользователя на вашем сайте. Чтобы не ухудшать впечатление о вашей компании, мы рекомендуем не добавлять большое количество назойливых сообщений.
Придерживайтесь общего дизайна сайта и сделайте структуру pop-up как можно легче, чтобы предоставить пользователям только необходимую информацию.
Выбирайте правильное время для отображения блоков, чтобы увеличить ценность своего контента.
Важно: опция добавления pop-up доступна только для сайтов с платными подписками.
Существуют разные способы отображения всплывающего окна на опубликованном сайте. Например, вы можете настроить триггеры так, чтобы показывать pop-up сразу после загрузки страницы, настроить время его появления (например, после 30 секунд пребывания на странице), отображать всплывающие окна при прокрутке страницы или при намерении покинуть её, или вызывать всплывающее окно при нажатии на изображения, кнопки, иконки. Помимо этого вы сможете настроить отображение pop-up только для определённой аудитории или в определённый отрезок времени.
Важно: если pop-up отображается перед посетителями автоматически, это действие сохраняется в cookie-файлы браузера. Если пользователь очистит данные браузера, мы будет считать его новым посетителем и покажем pop-up ещё раз. Настройте частоту показа вашего pop-up в соответствии с инструкциями в статье Изменение частоты появления всплывающего окна (pop-up).
Чтобы перейти к этим настройкам, наведите на блок в режиме редактирования и нажмите на Настройки pop-up:
... или нажмите на «бегунок» возле нужного pop-up в Pop-ups меню:
Подсказка: каждое всплывающее окно настраивается индивидуально, настройки не синхронизируются между ними.
Перейдите во вкладку Триггеры и выберите действия, которые будут «провоцировать» появление блока на странице:
Не забудьте выбрать на каких страницах будет отображаться ваш pop-up. Для этого включите опцию Показывать на страницах и в поле Выбранные страницы отметьте галочкой нужные:
Примечание: если вы не настроите эту опцию, окно будет всплывать при первом посещении пользователем любой страницы на вашем сайте.
Если ваш pop-up закрывают значительную область экрана, его отображение на мобильных часто может быть некорректным. Мы советуем включить опцию Не показывать на маленьких экранах, чтобы не раздражать ваших посетителей:
Для этого включите опцию Показывать после загрузки страницы во вкладке Триггеры:
Если вы хотите, чтобы pop-up отображался на странице через определенное время после нахождения на ней, настройте таймер для опции Задержка:
Важно: максимальное значение задержки — 300 секунд.
При выборе опции Показывать при скролле во вкладке Триггеры, всплывающее окно будет появляться на сайте при прокрутке страницы пользователем:
После этого перед вами откроется настройка Глубина прокрутки, где вы можете выбрать, на каком именно моменте прокрутки всплывет блок — этот параметр измеряется в процентах:
Чтобы отобразить всплывающее окно, когда посетитель собирается покинуть вкладку с сайтом в браузере, включите опцию Показывать перед выходом во вкладке Триггеры:
В редакторе Weblium вы можете настроить открытие всплывающего окна при нажатии на определенный элемент, например, на часть текста или кнопку. К примеру, после нажатия на кнопку «Связаться с нами» перед пользователем откроется блок, где он сможет заполнить контактную форму или увидеть ваши данные для обратной связи.
Чтобы добавить pop-up действие на элемент, нажмите на него и перейдите в настройки, кликнув на «бегунок» в открывшемся меню:
Подсказка: узнайте больше о процессе настройки действия при нажатии на элементы в статье Добавление ссылок на элементы.
Затем в окне настроек выберите Открыть Pop-up в выпадающем списке и укажите нужный pop-up в появившемся поле:
С помощью таргетинга pop-up вы сможете настроить параметры аудитории, которой будет показано всплывающее окно. Эта опция позволит вам персонализировать специальные предложения для конкретных посетителей для повышения эффективности текущих рекламных кампаний.
Для фильтрации этот триггер использует UTM-метки — теги, которые вставляются в адресную строку сайта или страницы для получения информации об источнике трафика. Так, при загрузке страницы система анализирует текущие UTM-метки пользователя, и, если эти параметры будут вне таргетинга, то pop-up не будет отображаться для этого посетителя.
Например, с помощью таких меток вы сможете отображать pop-up только при условии, что пользователь перешёл на ваш сайт с рекламы в Google. Так, ссылка, по которой посетитель перешёл на страницу, будет выглядеть как yourwebsite.com/?utm_source=google.
Чтобы настроить таргетинг для вашего pop-up, во вкладке Триггеры в настройках включите опцию Показывать для целевой аудитории:
В появившемся поле кликните на Добавить фильтр:
Выберите нужную UTM-метку и впишите её Значение:
UTM Source — этот тег определяет источник трафика. Например, значением для utm_source может быть Google, Vkontakte, Facebook, а также другой любой ресурс, который вы используете для продвижения своих услуг.
UTM Campaign — рекламная кампания. Благодаря этой метке можно узнать какая рекламная кампания или объявление привлекли наибольший трафик. Так, в значении к этой метке можно указать какой продукт рекламировался, с каким промокодом или какой слоган использовался.
UTM Term — ключевое слово в поиске, которое привело пользователя на ваш сайт. Значение этого поля зависит от сферы вашей деятельности — например, если вы разрабатываете сайты, уместно в этом поле обозначить web design, websites и так далее.
UTM Content — помогает узнать, с какого вида контента пришли посетители. Например, значением для этого тега может быть text, banner, article.
Важно: значением тега может быть произвольный текст длиной от 1 до 100 символов.
Меток для одного pop-up может быть больше одной — каждая будет использоваться отдельно. Например, если вы указали utm_source=google, а utm_term=free, то всплывающее окно будет отображаться, если пользователь перешёл на сайт из Google как по поиску слова «free», так и без него (или наоборот).
Если вы добавили временное акционное предложение в pop-up, можно настроить его появление по графику. Вы сможете выставить дату и время начала и окончания показа всплывающего окна, после истечения которых pop-up отображаться не будет.
Примечание: опция планирования показа pop-up наперёд пока что недоступна. Другими словами, датой начала показа может быть только сегодняшнее или завтрашнее число.
Для этого во вкладке Триггеры включите опцию Показывать по графику:
В появившемся меню выставите начальную и конечную дату и время, а также не забудьте выбрать часовой пояс:
Существует несколько способов закрыть всплывающее окно на сайте. Так, вы можете также добавить в pop-up элемент, при нажатии на который он будет закрываться — чаще всего эта опция используется для кнопок. Для этого нажмите на саму кнопку (или другой выбранный вами элемент) и кликните на «бегунок» в открывшемся меню:
В поле Действие при нажатии выберите Закрыть Pop-up в выпадающем списке:
Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.
Примечание: если вы планируете комбинировать разные триггеры для вашего pop-up, убедитесь, что они будут работать корректно — проверьте некоторые ограничения в статье Сценарии и ограничения всплывающих окон (pop-up).
После добавления всплывающего окна на сайт, перейдите к его настройкам и измените условия его появления на опубликованном сайте. На Weblium вы можете настроить, как именно он будет отображаться на сайте, на каких страницах он будет появляться и так далее.
Прежде чем вы начнёте, имейте в виду:
Всплывающие окна зачастую прерывают работу пользователя на вашем сайте. Чтобы не ухудшать впечатление о вашей компании, мы рекомендуем не добавлять большое количество назойливых сообщений.
Придерживайтесь общего дизайна сайта и сделайте структуру pop-up как можно легче, чтобы предоставить пользователям только необходимую информацию.
Выбирайте правильное время для отображения блоков, чтобы увеличить ценность своего контента.
Важно: опция добавления pop-up доступна только для сайтов с платными подписками.
Настройка появления всплывающего окна
Существуют разные способы отображения всплывающего окна на опубликованном сайте. Например, вы можете настроить триггеры так, чтобы показывать pop-up сразу после загрузки страницы, настроить время его появления (например, после 30 секунд пребывания на странице), отображать всплывающие окна при прокрутке страницы или при намерении покинуть её, или вызывать всплывающее окно при нажатии на изображения, кнопки, иконки. Помимо этого вы сможете настроить отображение pop-up только для определённой аудитории или в определённый отрезок времени.
Важно: если pop-up отображается перед посетителями автоматически, это действие сохраняется в cookie-файлы браузера. Если пользователь очистит данные браузера, мы будет считать его новым посетителем и покажем pop-up ещё раз. Настройте частоту показа вашего pop-up в соответствии с инструкциями в статье Изменение частоты появления всплывающего окна (pop-up).
Чтобы перейти к этим настройкам, наведите на блок в режиме редактирования и нажмите на Настройки pop-up:
... или нажмите на «бегунок» возле нужного pop-up в Pop-ups меню:
Подсказка: каждое всплывающее окно настраивается индивидуально, настройки не синхронизируются между ними.
Перейдите во вкладку Триггеры и выберите действия, которые будут «провоцировать» появление блока на странице:
Не забудьте выбрать на каких страницах будет отображаться ваш pop-up. Для этого включите опцию Показывать на страницах и в поле Выбранные страницы отметьте галочкой нужные:
Примечание: если вы не настроите эту опцию, окно будет всплывать при первом посещении пользователем любой страницы на вашем сайте.
Если ваш pop-up закрывают значительную область экрана, его отображение на мобильных часто может быть некорректным. Мы советуем включить опцию Не показывать на маленьких экранах, чтобы не раздражать ваших посетителей:
Появление pop-up после загрузки страницы
Для этого включите опцию Показывать после загрузки страницы во вкладке Триггеры:
Если вы хотите, чтобы pop-up отображался на странице через определенное время после нахождения на ней, настройте таймер для опции Задержка:
Важно: максимальное значение задержки — 300 секунд.
Появление pop-up при прокрутке страницы
При выборе опции Показывать при скролле во вкладке Триггеры, всплывающее окно будет появляться на сайте при прокрутке страницы пользователем:
После этого перед вами откроется настройка Глубина прокрутки, где вы можете выбрать, на каком именно моменте прокрутки всплывет блок — этот параметр измеряется в процентах:
Появление pop-up при намерении покинуть страницу
Чтобы отобразить всплывающее окно, когда посетитель собирается покинуть вкладку с сайтом в браузере, включите опцию Показывать перед выходом во вкладке Триггеры:
Появление pop-up при нажатии на элемент
В редакторе Weblium вы можете настроить открытие всплывающего окна при нажатии на определенный элемент, например, на часть текста или кнопку. К примеру, после нажатия на кнопку «Связаться с нами» перед пользователем откроется блок, где он сможет заполнить контактную форму или увидеть ваши данные для обратной связи.
Чтобы добавить pop-up действие на элемент, нажмите на него и перейдите в настройки, кликнув на «бегунок» в открывшемся меню:
Подсказка: узнайте больше о процессе настройки действия при нажатии на элементы в статье Добавление ссылок на элементы.
Затем в окне настроек выберите Открыть Pop-up в выпадающем списке и укажите нужный pop-up в появившемся поле:
Появление pop-up для целевой аудитории
С помощью таргетинга pop-up вы сможете настроить параметры аудитории, которой будет показано всплывающее окно. Эта опция позволит вам персонализировать специальные предложения для конкретных посетителей для повышения эффективности текущих рекламных кампаний.
Для фильтрации этот триггер использует UTM-метки — теги, которые вставляются в адресную строку сайта или страницы для получения информации об источнике трафика. Так, при загрузке страницы система анализирует текущие UTM-метки пользователя, и, если эти параметры будут вне таргетинга, то pop-up не будет отображаться для этого посетителя.
Например, с помощью таких меток вы сможете отображать pop-up только при условии, что пользователь перешёл на ваш сайт с рекламы в Google. Так, ссылка, по которой посетитель перешёл на страницу, будет выглядеть как yourwebsite.com/?utm_source=google.
Чтобы настроить таргетинг для вашего pop-up, во вкладке Триггеры в настройках включите опцию Показывать для целевой аудитории:
В появившемся поле кликните на Добавить фильтр:
Выберите нужную UTM-метку и впишите её Значение:
Доступные UTM-метки и их возможные значения:
UTM Source — этот тег определяет источник трафика. Например, значением для utm_source может быть Google, Vkontakte, Facebook, а также другой любой ресурс, который вы используете для продвижения своих услуг.
UTM Campaign — рекламная кампания. Благодаря этой метке можно узнать какая рекламная кампания или объявление привлекли наибольший трафик. Так, в значении к этой метке можно указать какой продукт рекламировался, с каким промокодом или какой слоган использовался.
UTM Term — ключевое слово в поиске, которое привело пользователя на ваш сайт. Значение этого поля зависит от сферы вашей деятельности — например, если вы разрабатываете сайты, уместно в этом поле обозначить web design, websites и так далее.
UTM Content — помогает узнать, с какого вида контента пришли посетители. Например, значением для этого тега может быть text, banner, article.
Важно: значением тега может быть произвольный текст длиной от 1 до 100 символов.
Меток для одного pop-up может быть больше одной — каждая будет использоваться отдельно. Например, если вы указали utm_source=google, а utm_term=free, то всплывающее окно будет отображаться, если пользователь перешёл на сайт из Google как по поиску слова «free», так и без него (или наоборот).
Появление pop-up по графику
Если вы добавили временное акционное предложение в pop-up, можно настроить его появление по графику. Вы сможете выставить дату и время начала и окончания показа всплывающего окна, после истечения которых pop-up отображаться не будет.
Примечание: опция планирования показа pop-up наперёд пока что недоступна. Другими словами, датой начала показа может быть только сегодняшнее или завтрашнее число.
Для этого во вкладке Триггеры включите опцию Показывать по графику:
В появившемся меню выставите начальную и конечную дату и время, а также не забудьте выбрать часовой пояс:
Закрытие pop-up
Существует несколько способов закрыть всплывающее окно на сайте. Так, вы можете также добавить в pop-up элемент, при нажатии на который он будет закрываться — чаще всего эта опция используется для кнопок. Для этого нажмите на саму кнопку (или другой выбранный вами элемент) и кликните на «бегунок» в открывшемся меню:
В поле Действие при нажатии выберите Закрыть Pop-up в выпадающем списке:
Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.
Примечание: если вы планируете комбинировать разные триггеры для вашего pop-up, убедитесь, что они будут работать корректно — проверьте некоторые ограничения в статье Сценарии и ограничения всплывающих окон (pop-up).
Обновлено на: 05/12/2023
Спасибо!