Pop-up на сайте: что это, зачем нужен и как его настроить
Всплывающие окна на сайтах и примеры сбора email-адресов пользователей
Что такое pop-up и как он работает
Поп-ап в маркетинге — это всплывающее окно на сайте, которое появляется по клику, в ответ на движение мыши или по истечении заданного времени. Иногда всплывающее окно появляется сразу, как только пользователь открывает сайт, причём окон может быть 2, 3 и больше.
Основная задача поп-апа — привлечь внимание пользователя и побудить его оставить свои контактные данные.
Посетитель разными способами вовлекается в воронку продаж: ему предлагают получить подарок, что-то скачать, подписаться на новости, забронировать место на обучающем курсе и т. д.
С момента своего появления в 1990-е поп-апы несколько раз были в тренде и переживали спад популярности. Сейчас на них обратили внимание маркетологи, ведь «всплывашка» способна эффективно генерировать лиды, а не только работать на сбор подписной базы. Всплывающие баннеры становятся разнообразнее и функциональнее, расширяется и круг задач, решаемых с их помощью.
Зачем нужны всплывающие окна: польза поп-апов для бизнеса
Поп-апы помогают достичь нескольких целей:
- Снизить показатель отказов. Когда человек провёл мало времени на сайте, прежде чем он уйдет, появляется баннер. Внимание задерживается ещё на несколько секунд, и сессия засчитывается.
- Набрать подписную базу. Во всплывающем окне размещают предложение подписаться, следить за новинками, акциями.
- Получить лиды. Пользователю предлагают оставить номер телефона, чтобы менеджер перезвонил и помог оформить заказ, сделал персональное предложение, рассчитал стоимость и т. д.
- Привлечь пользователей к участию в чём-либо. Например, вы можете предложить им протестировать новый сервис или улучшенную версию старого.
- Проинформировать. Из этой категории — pop-up с сообщением о сборе cookies или с просьбой отключить блокировщик рекламы.
Большинство пользователей относятся к pop-up негативно, используют блокировщики рекламы, а некоторые принципиально уходят с сайтов, где показываются всплывающие окна. Но реалии таковы, что сейчас поп-апы везде.
На всплывающем баннере обязательно есть кнопка, по которой нужно кликнуть, чтобы:
- отправить заполненную форму.;
- заказать обратный звонок;
- скачать лид-магнит;
- перейти туда, куда приглашают.
Какие бывают типы pop-up: Page-stop и Hello-board
Разберёмся, что такое pop-up на сайте и каким он может быть. Всплывающие окна делятся на 2 основных типа: Page-stop и Hello-board. Первые эффективнее, но вторые меньше раздражают пользователей.
Page-stop: всплывающее окно на весь экран
Page-stop всплывает на всю страницу или закрывает её почти полностью, располагаясь обычно по центру. Посетитель не может пользоваться сайтом, пока не закроет его или не выполнит целевое действие. Такой баннер невозможно проигнорировать. Если вы используете Page-stop, дайте людям возможность закрыть окно, нажав на крестик.
Hello-board: ненавязчивое всплывающее окно
Hello-board не такой раздражающий. Он может находиться сбоку, вверху, внизу, выглядеть как тонкая полоса, небольшой квадрат или прямоугольник. Отличие Hello-board от Page-stop в том, что он не препятствует использованию сайта. Большинство просто игнорируют такие всплывающие окна, особенно если они серые или сливаются с оформлением страницы.
Виды pop-up по условиям показа: 5 основных типов
В зависимости от настроек отображения, всплывающие баннеры делятся на 5 типов. Рассмотрим каждый детальнее.
Entry pop-up — приветственное окно
Всплывает сразу, как только посетитель откроет страницу, и не даёт увидеть контент. Чтобы закрыть окно, нужно совершить целевое действие, реже — нажать на крестик. Entry pop-up нельзя проигнорировать, поэтому используйте его в крайних случаях или в обмен на что-то. Посетителей раздражает, что сайт ещё не дал пользы, а уже чего-то требует.
Timed pop-up — окно с тайм-аутом
Появляется не сразу, а когда пользователь уже успел почитать сайт. Время задержки настраивается любое. Цель использования — сбор контактов, заявок, приглашение посмотреть другие разделы сайта. С помощью Timed pop-up вы можете предложить демо-версию вашего продукта или другой лид-магнит.
Оптимальное время задержки — от 2 до 60 секунд. Более точную картину в вашей нише даст A/B-тестирование. Другой способ — посмотрите в Яндекс. Метрике или Google Analytics, сколько времени в среднем проводит человек на сайте, и настройте задержку на 50% от этого времени. Пример: если время пребывания в среднем 1,5 минуты, пусть окно всплывает через 45 секунд.
Scroll pop-up — поп-ап при пролистывании
Появляется, когда пользователь «проскроллит» страницу примерно на 50−70%. Чтобы определить, когда лучше показывать «всплывашку», используйте данные Вебвизора. Посмотрите, сколько процентов страницы в среднем просматривают посетители, и настройте показ чуть раньше. Используйте Scroll pop-up, чтобы рассказать о новостях, скидках, сделать предложение в соответствии с контентом на странице.
Exit pop-up — окно прощания
Отображается, когда пользователь ведет мышью так, как будто собирается уйти с сайта. Применяйте его, чтобы задержать посетителя ещё на несколько секунд или что-то предложить напоследок. С помощью окна-выхода можно собрать email, спросить, решил ли человек свою задачу с помощью сайта. Наряду со своей ненавязчивостью, это не самый конверсионный вариант поп-апа.
Click pop-up — окно по нажатию кнопки
Появляется, когда пользователь его вызывает, кликнув по кнопке. Например, «Заказать обратный звонок», «Вызвать замерщика», «Перезвоните мне». Плюс этого поп-апа — ненавязчивость, минус — низкая конверсия в сравнении с Entry или Timed pop-up.
Когда использовать pop-up: 5 задач для сайта и магазина
Как понять, нужен ли вам поп-ап? Если есть задача, которую вы хотите решить с его помощью, то нужен. Например, ваши посетители смогут:
- отправить заявку;
- заказать обратный звонок;
- забрать лид-магнит в обмен на контакты;
- подписаться на ваш платный продукт со скидкой;
- получить персонализированное предложение.
Бывают ситуации, когда pop-up скорее навредит, но это редкость. Грамотное расположение, правильные настройки и продуманный дизайн обеспечат вам рост продаж, увеличение лояльности пользователей и расширение базы контактов.
Как настроить pop-up: 4 правила создания и оптимизации
При создании поп-апов рекомендуем придерживаться нескольких правил:
- Проверяйте работу и отображение баннера на всех типах устройств. Учтите, что большая часть пользователей заходят с мобильных.
- Проявите заботу о пользователе. Сделайте поля достаточно крупными, чтобы их было удобно заполнять на смартфоне. Это касается и кнопок: в мелкие труднее попадать с мобильного.
- Избегайте навязчивости. Настройте показ так, чтобы окно не показывалось посетителю, который уже совершил целевое действие или нажал на крестик. Если позволяет размер окна, добавьте чекбокс «Больше не показывать» или «Я уже подписался».
- Делайте CTA-кнопку понятной. Например: «Посмотреть акционные товары», «Подписаться», «Вызвать менеджера», «Заказать замер». Можно добавить креатива: «В мир скидок!», «Покажите кейсы!».
Главное, чтобы клиент понимал, зачем ему это надо и что произойдёт после клика.
Примеры pop-up на сайтах: 10 идей для вдохновения
Мы собрали несколько примеров хороших поп-апов, которыми можно вдохновляться при создании собственных.
- Pop-up, предлагающий подписаться, чтобы читать интересный контент:
2.Конверсионное всплывающее окно для женской аудитории:
3.Этот баннер предлагает сэкономить время:
4.Отличный пример сбора информации — поп-ап с предложением бесплатной услуги:
5.Рop-up exit — последняя попытка удержать посетителя:
6.Хороший пример от «Quelle» — предложение бесплатной доставки, а внизу мелкими буквами указано ограничение:
7. Сайт по бухучету не хочет, чтобы посетитель уходил без подарка:
8. Интернет-магазин поместил на pop-up таймер обратного отсчёта:
9. Pop-up на весь экран с предложением, от которого невозможно отказаться:
10. Отлично работает pop-up с промокодом, сочетающийся с общим оформлением бренда:
Вопросы о pop-up и ответы экспертов Mailganer
Зачем вообще нужен pop-up, если большинство пользователей его закрывают?
Да, раздражает. Но статистика говорит обратное: даже при высоком проценте закрытий pop-up стабильно работает лучше статичной формы подписки. Например, издание Entrepreneur после добавления поп-апа получило +85% подписчиков email-рассылки и +162% к продажам. Секрет не в том, чтобы заставить пользователя кликнуть, а в правильном предложении: лид-магнит, скидка, бесплатный гайд. Человек закрывает pop-up, если не видит выгоды. Если выгода очевидна — он оставит email. Для бизнеса это дешевле, чем платный трафик, а для сервиса рассылок — прямая точка входа в воронку: попап → подписка → серия писем → продажа.
Какие типы pop-up лучше всего конвертируют в подписку?
Зависит от вашей цели, но есть закономерность:
- Entry pop-up (приветственное окно) дает самый высокий CTR, но и самый высокий процент отказов — он срабатывает до того, как сайт успел дать пользу.
- Timed pop-up (окно с тайм-аутом 2–60 секунд) — оптимальный баланс: пользователь уже почитал страницу и готов к диалогу.
- Scroll pop-up (после 50–70% прокрутки) идеален для лонгридов и интернет-магазинов — предложение показывается в контексте контента.
- Exit pop-up — последняя попытка удержать уходящего, работает мягко, но конверсия ниже.
- Click pop-up — самый ненавязчивый, зато и самый низкий по конверсии.
Универсальная рекомендация: для сбора email-базы лучше всего работают Timed и Scroll — они не бесят и попадают в момент, когда пользователь максимально вовлечен.
Как настроить pop-up, если сайт на Тильде?
В Тильде есть готовые блоки для pop-up, но они доступны только на тарифах Personal и Business. Схема такая:
- Откройте библиотеку блоков → категория «Форма и кнопка».
- Выберите один из четырех форматов: «Popup: форма подписки» (по центру), «Popup: форма в углу экрана», «Popup: форма с множеством полей» (для сбора имени и телефона) или «Popup: information» (без формы — для cookies и уведомлений).
- Добавьте блок, задайте ему ссылку-триггер в меню «Pop up» и пропишите ту же ссылку в блоке T183 из категории «Другое».
- В настройках триггера укажите условие показа — по таймеру, по скроллу или при закрытии страницы. Там же задайте «Cookie life time» — сколько дней не показывать окно одному и тому же пользователю.
Что делать, если сайт на WordPress?
В WordPress нет встроенных инструментов для pop-up, поэтому используются плагины: Popup Maker, OptinMonster, Elementor Pro (в платной версии), Hustle. Они дают те же возможности, что и Тильда: триггеры по времени, скроллу, выходу со страницы, настройку частоты показа и A/B-тесты. Для сбора email-базы рекомендуем выбирать плагины, которые умеют напрямую интегрироваться с сервисом рассылок (в том числе с Mailganer) — тогда подписчики будут попадать в вашу базу автоматически, минуя ручной экспорт.
Как понять, работает ли мой pop-up?
Есть два ключевых показателя:
- Конверсия в целевое действие: сколько человек увидели попап (показы) и сколько выполнили действие (оставили email, подписались). Формула: (действия / показы) × 100%. Нормы различаются по нишам, но ориентир — 2–5% для обычных сайтов и 5–10% для лендингов с сильным лид-магнитом.
- Прирост базы подписчиков: сравните количество контактов в вашей базе до запуска попапа и через 2–4 недели после. Это конечный результат, который важен для сервиса рассылок.
Дополнительно отслеживайте bounce rate (показатель отказов) и среднее время на странице — попап может их ухудшить, если показывается слишком рано или слишком навязчиво. Все эти метрики нужно мерить до и после запуска, иначе не поймете, что повлияло на результат.
Как часто можно показывать один и тот же pop-up?
Правило простое: показывайте один раз — и не возвращайтесь к этому пользователю минимум 30 дней. В Тильде это настраивается через «Cookie life time», в плагинах WordPress — через «Frequency / Show again after». Обязательно добавьте два условия: «Не показывать, если пользователь уже подписан» (проверка по cookie или по факту ввода email) и «Не показывать, если пользователь закрыл окно». Иначе вы будете бесить тех, кто уже сделал целевое действие, — а это прямой путь к отпискам и жалобам на спам.
Какие ошибки чаще всего убивают конверсию pop-up?
Пять самых частых:
- Непонятный оффер. Если за 3 секунды пользователь не понимает, что ему дадут в обмен на email, — он закроет окно.
- Нет CTA-кнопки или она мелкая. Кнопка должна быть крупной, контрастной и с глаголом действия: «Забрать гайд», «Получить скидку», «Подписаться».
- Pop-up не адаптирован под мобильные. Больше половины трафика — с телефонов, и если поля ввода мелкие или окно не помещается на экране, пользователь не сможет подписаться.
- Неверная настройка условий показа. Нет смысла спрашивать email у того, кто уже подписан, и нет смысла показывать окно через 0,5 секунды — это гарантированный отказ.
- Pop-up не соответствует контексту страницы. На странице с товарами логично предлагать скидку или подписку на акции, а на странице с обучающей статьей — гайд или чек-лист. Универсальные «Подпишитесь на рассылку» работают плохо, контекстные — хорошо.
Чем pop-up отличается от баннера и от формы подписки в футере?
Pop-up — всплывающее окно, которое появляется поверх контента по триггеру (время, скролл, клик, exit). Баннер — статичный рекламный блок, всегда видимый на странице в определенном месте. Форма в футере — статичная форма подписки внизу страницы, которую пользователь видит, только если доскроллит до конца. Pop-up выигрывает по конверсии, потому что появляется в нужный момент и не может быть проигнорирован. Баннер и футер выигрывают по ненавязчивости, но конверсия у них в разы ниже. Оптимальная стратегия — комбинировать: pop-up для активного сбора базы + форма в футере как страховка для тех, кто пролистал всю страницу.
Можно ли с помощью pop-up собирать не только email, но и телефоны, и мессенджеры?
Да, и это часто дает больше, чем сбор только email. В Тильде есть блок «Popup: форма с множеством полей», куда можно добавить поля «Имя», «Телефон», «Telegram», «WhatsApp». В плагинах WordPress — то же самое. Важно: не перегружайте форму. Каждое дополнительное поле снижает конверсию примерно на 10%. Оптимально — email + имя, максимум — email + телефон, если у вас есть отдел продаж для обзвона. Для сбора подписчиков в email-рассылку достаточно только email, а имя можно запросить в первом письме — так вы получите больше подписчиков и постепенно достроите профиль каждого.
Работают ли pop-up с лид-магнитами лучше, чем без них?
Однозначно да. Лид-магнит (гайд, чек-лист, мини-курс, скидка, бесплатный вебинар) — это то, что превращает «закрой меня» в «оставь email». Разница в конверсии может быть в 3–5 раз. Пример: pop-up «Подпишитесь на рассылку» дает конверсию 1–2%, а pop-up «Заберите бесплатный гайд из 10 страниц» — 5–10%. Причина в психологии: пользователь отдает контакт не просто так, а в обмен на конкретную выгоду. Именно поэтому в Mailganer мы рекомендуем сразу связывать pop-up с автоматической серией приветственных писем — так пользователь получает обещанное, а вы начинаете его прогревать к покупке.
Что делать, если pop-up собирает базу, но подписчики не читают письма и отписываются?
Это сигнал, что вы собираете холодные контакты — тех, кто подписался ради лид-магнита и не заинтересован в вашем продукте. Три шага для решения:
- Сегментируйте базу. В Mailganer можно разделять подписчиков по источнику: те, кто пришел через pop-up, — отдельная группа.
- Отправляйте welcome-серию. Первое письмо — сразу после подписки, второе — через день, третье — через три дня. Цель серии — не продать, а показать ценность.
- Дайте возможность отписаться в один клик. Парадокс: чем проще отписаться, тем меньше жалоб на спам и выше репутация домена. Пользователи, которые не хотят вас читать, все равно уйдут — лучше пусть уйдут сами, чем отправят вас в спам.
Как часто нужно менять дизайн и текст pop-up?
Оптимально — раз в 4–8 недель или при падении конверсии. Если показатель стабильно держится на одном уровне — можно оставить. Но если вы видите, что конверсия упала (например, с 6% до 3%), стоит провести A/B-тест: изменить заголовок, оффер, кнопку или время показа. В Тильде и большинстве плагинов WordPress есть встроенные A/B-тесты, но можно и вручную: запустить две версии на разные половины трафика и через неделю сравнить результаты. Помните: стареет не сам pop-up, а ваша аудитория и ее реакция на оффер.
Понятно пишет о сложных вещах в разъяснительной Mailganer. Работает с лендингами и подсказками внутри продукта. Делает рассылки компании и отвечает за новости в Телеграм-канале.
Стать автором блога Mailganer ›
