25 примеров поп-апов, которые помогают увеличить продажи

25 примеров поп-апов, которые помогают увеличить продажи

Поп-ап — это всплывающее окно, которое появляется на сайте по определенному триггеру. Они помогают начать диалог с пользователем, заинтересовать его, собрать лиды и подтолкнуть к заказу. Поп-апы можно любить или ненавидеть, но мы можем однозначно сказать, что они работают: механики привлекают внимание пользователей и показывают на 40% больше конверсии в оставление контакта, чем статичные формы.

Смотрите сами, с помощью поп-апов клиенты Carrot quest: 

— Онлайн-сервис MPSTATS собрали 694 заявки на услуги;
— Продают недвижимость на 128 млн : кейс застройщика «Стрижи»;   
— Команда Умскул собирает +12,5% оплат с сайта с помощью поп-апа о брошенной корзине
— Собирают 7173 лида и 127 заказов: кейс интернет-магазина Cougar

В этой статье мы расскажем про виды всплывающих окон и покажем примеры механик под разные задачи. 

Виды всплывающих окон

Приветственное окно (entry pop-up)

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

  • Предложить пользователям подписаться на email-рассылку. Это помогает строить базу подписчиков и поддерживать контакт с аудиторией.
  • Сообщить об актуальной акции, чтобы стимулировать пользователей к немедленному действию, например, к покупке со скидкой.
  • Предупредить о технических сбоях на сайте. Для информирования пользователей и управления их ожиданиями.

Так как окно появляется сразу, важно не показывать его слишком часто. Иначе оно может превратиться в раздражающий элемент интерфейса.

Окно с тайм-аутом (timed pop-up)

Окно с тайм-аутом появляется с определенной задержкой. Это помогает пользователям сначала изучить контент на странице. Примеры использования:

  • Если пользователь находится в корзине больше 5 минут и не оформляет заказ, можно предложить консультацию, чтобы решить возможные вопросы или проблемы.
  • Если пользователь долго читает статью или просматривает товар, можно предложить скидку или бесплатную консультацию.

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

Поп-ап при пролистывании страницы (scroll pop-up)

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

Например, если пользователь пролистал каталог на 50%, можно предложить ему скидку на первый заказ. Это мотивирует его совершить покупку.

Для определения оптимального места появления окна можно использовать данные из Google Analytics или Яндекс Метрики.

Выезжающие окна (scroll box, pop-out)

Эти окна появляются сбоку, сверху или снизу экрана в ответ на действие пользователя. Они менее навязчивы и часто используются для:

  • Информационных сообщений. Например, можно сообщить о новой функции или акции.
  • Сбора обратной связи. Пользователи могут оставить отзыв или задать вопрос.
  • Сбора заявок на консультацию. Это позволяет быстро связаться с пользователями, которым нужна помощь.

Выезжающие окна не мешают просмотру основного контента и поэтому меньше раздражают пользователей.

Окно на уход с сайта (exit pop-up)

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

  • Предложить отправить просмотренные товары на email, чтобы привлечь пользователей, которые хотят вернуться к покупкам позже.
  • Дать промокод на скидку и мотивировать пользователя завершить покупку.
  • Собрать заявку на консультацию, чтобы удержать пользователя и ответить на его вопросы.
  • Использовать лид-магнит — бесплатный материал в обмен на email. Механика помогает собирать контактные данные для дальнейшего взаимодействия.

Поп-ап по клику (click pop-up)

Такое окно появляется при нажатии на статичную иконку на сайте. Возможные варианты:

  • Предложить обратный звонок. Так пользователь сможет быстро связаться с менеджером для решения вопросов.
  • Перевести пользователя в другой раздел сайта. Это будет полезно для навигации и повышения удобства использования сайта.

Многошаговые поп-апы

Многошаговые поп-апы мотивируют пользователя совершить целевое действие в игровой форме. 

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

«Колесо фортуны». Пользователь может выиграть скидку или подарок, что стимулирует его к совершению покупки.

Попробуйте настроить поп-ап в удобном конструкторе Carrot quest
В сервисе есть готовые шаблоны, которые помогут специалисту без навыков верстки и дизайна собирать и запускать триггерные механики самостоятельно.

Примеры механик с всплывающими окнами

Приветственные поп-апы

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

Пример приветственного поп-апа с промокодом
Поп-ап на сайте с доставкой продуктов предлагает промо на первый заказ

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

Пример поп-ап-бампера на сайте
Поп-ап-бампер для подтверждения возраста на сайте интернет-магазина

Приветственный поп-ап используют на сайте сервиса «АТОЛ Онлайн». К Новому году команда роста вместе с маркетологами запустила приветственную механику с колесом фортуны.

Механика работала так:

  • Пользователь указывал свой email и нажимал на кнопку «Крутить колесо», чтобы получить один из трех подарков.
  • Ему на почту приходило письмо с подарком и инструкцией, как его получить.
  • Под каждый подарок команда роста подготовила отдельное письмо.

Настройки всплывающего окна:

  • триггерное событие — зашел на сайт;
  • тайм-аут 2 минуты;
  • в CRM-системе ID пользователя не определен;
  • в личном кабинете не регистрировался.
Пример поп-апа на сайте с колесом фортуны
Поп-ап с колесом фортуны к Новому году

Результаты за 41 день:
→ 59% конверсия в качественного лида,
→ собрал 60% качественных лидов от общего количества качественных лидов в месяц.

Застройщик «Стрижи» использует приветственный поп-ап с новостью о начале продаж, чтобы собирать заявки пользователей, которые уже готовы к покупке недвижимости. В нем предлагают получить pdf с планировками и ценами в новых домах.

Пример поп-апа с новостью
Поп-ап о старте продаж на сайте «Стрижи»

Результаты работы механики:

→ 0,3% — конверсия из прочтения в контакт.
→ 98 заявок на консультацию.
→ 3 продажи.
→ 24 081 000 рублей.

Пример поп-апа с полезными материалами
Пример того, как еще используют приветственные поп-апы. Поп-ап со сбором контактов и полезными материалами на сайте Oy-li

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

Поп-апы с предложением помощи или консультации

Всплывающие окна полезны даже на том этапе, когда пользователь неспешно просматривает ваши предложения. Вы можете проконсультировать его и ответить на все его вопросы с помощью поп-апа.

Например, оставить заявку на демо на сайте онлайн-сервиса Retail Rocket можно через статичную лид-форму. Она выглядит так:

Пример лид-формы для записи на демо
Статичная лид-форма на сайте Retail Rocket для записи на демо

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

Поп-ап для сбора заявок
Поп-ап Retail Rocket для сбора заявок на демо

Через поп-ап Retail Rocket предлагают оставить номер телефона и автоматически передают лида в amoCRM. Операторы первой линии поддержки:

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

За 6 месяцев 2,6% пользователей, которые прочитали поп-ап, оставили заявку на демо.

Сервис Bnovo использует пошаговый поп-ап, чтобы:

  • квалифицировать пользователей по ключевым параметрам — типу и названию объекта, номерному фонду, городу, используемой PMS (Property Management System — программное обеспечение для управления гостиницами и отелями);
  • уточнить задачу пользователя;
  • собрать контакты и передать их в продажи.
Пример пошагового поп-апа
Пример пошагового поп-апа на сайте сервиса Bnovo

👉 67% — конверсия из первого шага в оставление email

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

Поп-апы при добавлении товара в корзину 

Такие всплывающие окна используют, когда у пользователя в корзине есть товары, но он не оформляет заказ. Мотивировать его завершить покупку поможет поп-ап с промокодом, который действует ограниченное время.

С этой механикой компании могут за короткий период конвертировать часть брошенных корзин в заказы.

В кейсе мы рассказали, как команда роста Carrot quest настроила такую механику для интернет-магазина «Он и Она». Всплывающее окно принесло компании 11% выручки за месяц.

Поп-ап с таймером
Pop up с таймером на сайте «Он и Она»

Интернет-магазин «МногоСна» тоже использует поп-ап с таймером. Пользователь добавляет товары в корзину, и ему показывается поп-ап окно для сайта с предложением получить бонус. Клиент нажимает кнопку «Да, я успею», и ему дается 30 минут, чтобы сделать заказ. Когда пользователь нажимает на кнопку, окно превращается в таймер и висит в углу экрана. 

Pop up с таймером на сайте МногоСна

Чтобы проверить, действительно ли инструмент Carrot quest мотивирует пользователей сделать заказ, внедрили контрольную группу. Это часть клиентов, которые не видят всплывающее окно на сайте.

Получилось, что 46,7% (1641 из 3512) пользователей, которые увидели поп-ап, сделали заказ. В контрольной группе конверсия в заказ была на 11% ниже: 42% (1529 из 3635) пользователей сделали заказ.

Поп-апы при переходе в корзину 

Другой способ получить больше заказов — использовать поп-ап, чтобы предложить пользователю сохранить товары из корзины на почту. Такая механика поможет собрать лидов, которые не готовы сразу совершить покупку, и «догревать» их через email-рассылки.

Чтобы увеличить средний чек в интернет-магазине «Он и Она», мы настроили специальный поп-ап с сопутствующими товарами. Когда покупатель добавляет что-то в корзину, мы показываем продукты, которые могут ему пригодиться.

Поп-ап с сопутствующими товарами в интернет-магазине «Он и Она»

Результаты механики

  • Поп-ап с сопутствующими товарами привлек 10% пользователей, треть из них заказали дополнительные позиции
  • К просмотру сопутствующих товаров перешли 10% пользователей, 33% из них сделали заказ. Поп-ап с сопутствующими товарами принес еще 3,5% выручки за месяц.

Похожее всплывающее окно наша команда роста настроила в интернет-магазине компьютерной мебели Cougar. О том, какие результаты принесла механика — в кейсе.

Поп-ап с товарами в корзине
Пример поп-апа с товарами в корзине на сайте Cougar

Поп-апы с напоминанием о брошенной корзине

В онлайн-школе «Умскул» заметили, что часть пользователей кладет товар в корзину, но уходит с сайта. Чтобы возвращать таких пользователей, подключили поп-ап о брошенной корзине. Его показ настроили на тех пользователей, которые:

  • добавили товар в корзину;
  • начали оформлять заказ, но не оплатили.
Поп-ап с напоминанием о брошенной корзине
Поп-ап о брошенной корзине с промокодом на скидку

Результаты за 2 месяца:

  • 5,85% конверсия из прочтения в номер телефона;
  • +12,5% оплат с сайта дополнительно принес поп-ап по брошенной корзине;
  • 52,61% конверсия из лида в продажу за все время работы поп-апа.

Конверсия из лида в продажу с этого поп-апа в 2,5 раза выше по сравнению с заявками, которые собирают лид-формы.

Подписка на рассылку email

Допустим, человек зашел на сайт впервые и пока не готов совершить заказ. Поп-ап с предложением подписаться на рассылку о новых товарах и акциях поможет получить контакты пользователя.

Посетитель оставляет адрес электронной почты и автоматически попадает в базу для прогревающих писем.

Пример поп-апа с подпиской на соцсети
Поп-ап с предложением подписаться на соцсети бренда

Онлайн-школа Moscow Digital School использует поп-ап со сбором контактов, чтобы увеличить конверсию в подписку на маркетинговую рассылку для трафика с рекламы.

Поп-ап с подарком
Пример формы поп-апа на сайте онлайн-школы Moscow Digital School

Форму с поп-апом используют, когда хотят:

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

Плюсы. Привлекает внимание пользователей.
Минусы. Без правильной настройки времени показа и вовлекающего содержания результат от механики будет низким. 

Чтобы люди подписывались, а не закрывали поп-апы, важно также настроить условия показа: время появления окна, длительность отображения и содержание. Больше про то, что такое всплывающие окна и как их настроить — в нашей статье.

Всплывающие окна с акциями и новостями

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

Например, бренд одежды предлагает скидку 10% на заказы в интернет-магазине. Выезжающее окно с этой информацией в каталоге поможет мотивировать пользователей оформлять покупки на сайте. Расположение поп-апа на странице не мешает выбирать товары и не раздражает пользователей.

Пример выезжающего поп-апа
Пример выезжающего поп-апа со скидкой на заказ

С помощью поп-апов команда Retail Rocket анонсирует конференции и онлайн-мероприятия, в которых участвует. Это дополнительный способ получить теплых лидов — пользователь оставляет контакты при регистрации на мероприятие.

Поп-ап с новостью о мероприятии
Пример поп-апа с анонсом мероприятия

За 6 месяцев до 1,7% пользователей, которые читали поп-апы с анонсами мероприятий, переходили на лендинги для регистрации.

Поп-ап на попытку ухода с сайта

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

В онлайн-школе «Умскул» настроили поп-ап с лид-магнитом на попытку ухода с сайта, чтобы удержать пользователей и мотивировать их оставить контакты. В качестве лид-магнита использовали бесплатные курсы. 

Пример поп-апа с лид-магнитом
Поп-ап с лид-магнитом на попытку ухода с сайта

Результаты за 3 месяца:

  • 5,3% конверсия в телефон из прочтения;
  • 16% целевых лидов от общего количества целевых лидов собрал поп-ап.

Онлайн-школа психологических профессий «Психодемия» также использует поп-ап с триггером на попытку ухода. Команда роста настроила такую механику на странице курса «Мастерство психологического консультирования», который работает в связке с лид-ботом «Расскажу о курсе за 2 минуты». Поп-ап видят те пользователи, которые не оставили контакты в лид-боте и пытаются уйти с сайта.

Поп-ап на попытку уйти с сайта
Поп-ап на попытку ухода на сайте Психодемии

Если пользователь указывает в поп-апе email, то получает на почту серию из 4 писем, которые мотивируют его оставить номер телефона. Так начинается первое письмо:

Прогревающее письмо после поп-апа
Первое из четырех писем в прогревающей рассылке онлайн-школы «Психодемия»

Результаты поп-апа:

→ Конверсия из прочтения поп-апа в email — 4%
→ Конверсия цепочки писем из открытия в номер телефона — 7,7%

Квиз в поп-апе

Многошаговые поп-апы часто используют, чтобы квалифицировать пользователя перед передачей в продажи, собрать обратную связь или развлечь. 

Застройщик «Стрижи» использует поп-ап-квиз для подбора планировки, чтобы квалифицировать лидов до передачи в CRM-систему. Механика помогает собрать контакты и лучше узнать запрос потенциального клиента.

Пример квиза в поп-апе
Поп-ап-квиз на сайте «Стрижи»

Подобные поп-ап-квизы пока можно внедрить только с помощью команды роста Carrot quest.

Результаты поп-ап-квиза:

→ 8,5% — конверсия из прочтения в контакт.
→ 399 заявок на консультацию.
→ 9 продаж.
→ 67 825 000 рублей.

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

Поп-ап-квиз на попытку ухода
Поп-ап при попытке уйти с сайта появляется в центре экрана и привлекает все внимание пользователя

Результаты поп-апа:

→ 6% — конверсия из начала заполнения формы в контакт.
→ 28 заявок на консультацию.
→ 2 продажи.
→ 7 750 000 рублей.

Поп-ап с новостями от команды поддержки

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

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

Например, сервис для организации деловых поездок «Авиасейлс для бизнеса» использует поп-апы Carrot quest как раз для подобных сервисных сообщений на сайте.

Поп-ап с уведомлением об ошибке
Примеры поп-апов на сайте «Авиасейлс для бизнеса»

О том, как еще можно применить инструменты Carrot quest для поддержки пользователей, мы рассказали в кейсе.

Поп-ап для перехода в конкретный раздел сайта и онбординга

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

Такой поп-ап не собирает лидов — по кнопке пользователь просто переходит в нужный раздел сайта.

Поп-ап с переходом на страницу сайта
Поп-ап для перевода на конкретную страницу

Онлайн-сервис InstaHero использует поп-ап, чтобы продвигать пользователей по воронке продаж и стимулировать их покупать платные услуги. Вместе с клиентом выстроили систему онбординга внутри сервиса и снаружи, используя наши инструменты. Внутри сервиса мы внедрили поп-апы. В них мы объясняли, чем полезны платные услуги. В самом успешном поп-апе, например, сделали это с помощью видео от Анатолия.

Обучающий поп-ап с видео
Поп-ап InstaHero, стимулирующий заказать платную услугу

Результаты этого поп-апа за месяц после внедрения:

  • выручка — 130 тыс. рублей (минимальная стоимость услуги — 199 руб., продаж — 653);
  • конверсия в покупку платного полного анализа — 8% — считая от показов.

Поп-ап на повторную сессию

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

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

Поп-ап на повторную сессию
Поп-ап с сообщением об обновлении механики подбора уходовой косметики на сайте

Всплывающее окно для сбора обратной связи, NPS-опросов и исследования аудитории

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

Настройте всплывающее окно с опросом, чтобы:

  • узнать, доволен ли пользователь продуктом;
  • собрать обратную связь о сервисе после пробного периода;
  • провести исследование аудитории сайта.

Чек-лист: 5 признаков хорошего поп-апа

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

  • Понятное. Пользователь должен сразу понятен ваш оффер и принять решение. Текст, поля для заполнения и кнопки должны быть понятными и заметными.
  • Простое. Интерфейс направляет пользователя и помогает ему принять решение. У пользователя не должно возникать сложностей при использовании поп-апа.
  • Содержит призыв к действию. Пользователю должно быть ясно, какое действие от него ожидается. Например, подписаться на рассылку, заказать консультацию, читать блог.
  • Уместное. Всплывающее окно должно показываться только тем пользователям, которые еще не совершили целевое действие. Учитывайте логику показа поп-апа и контекст пользователя. Например, не предлагайте подписаться на email-рассылку тем, кто уже подписан.
  • Адаптивное. Поп-ап должен полностью помещаться на экране смартфона и быть удобным для просмотра. Всплывающее окно должно легко закрываться с любого устройства.
  • Не навязчивое. Если пользователь уже закрыл всплывающее окно, не предлагайте одно и то же несколько раз. Навязчивость вызывает негативную реакцию и может привести к уходу пользователя с сайта.

Хотите собирать больше целевых лидов на том же трафике?
Обратитесь к команде роста Carrot quest. Она протестирует до 25 триггерных сообщений с А/Б тестами за 1,5 месяца и поможет увеличить выручку до 25%.

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

Трафик есть, а заявок нет?

Покажем, где вы теряете лидов, и составим план улучшений

Нажимая на кнопку, вы даете согласие на обработку персональных данных

Рекомендованные статьи