35 поп-апов, которые покорят вас с первого взгляда

13 минут
17.12.2018
35 поп-апов, которые покорят вас с первого взгляда

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

Взгляните на этот кейс и убедитесь в пользе поп-апов. Дом.ру увеличил конверсию на 30% с помощью инструментов Carrot quest. Клиенты Carrot quest теперь могут делать восхитительные поп-апы без помощи дизайнеров и разработчиков в конструкторе поп-апов.

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

наслаждайтесь поп-апами

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

Поздоровайтесь с пользователем с помощью поп-апа. Такой поп-ап может проинформировать пользователя о текущих акциях:

поп-ап распродажа

Интернет-магазин Style korean обращает внимание на скидку и показывает, что предложение ограничено во времени

Что еще важно: пользователь может скрыть поп-ап, чтобы он не появлялся при повторном посещении сайта. К слову, в Carrot quest можно настроить поп-ап, чтобы он не показывался повторно по умолчанию и без дополнительных действий пользователя. Зарегистрируйтесь и попробуйте 🙂

новогодний маленький поп-ап

L’Occitane показывает маленький (и новогодний!)
поп-ап с самым актуальным предложением

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

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

NARS предлагает узнавать о новых продуктах в числе первых огромным поп-апом.
Он действительно огромный и занимает весь экран. От него не скрыться.
Не удивлюсь, если он придет за мной сегодня ночью.

Плюсом к емейлам приветственный поп-ап может собирать и другую информацию о пользователе:

поп-ап квалификация пользователя

Поп-ап интернет-магазина Мистер Гик хочет знать, где вы живете
большой поп-ап подписка на рассылку квалификация пользователя
Clinique предлагает подружиться и хочет знать о вас ВСЕ (прямо как тот парень из тиндера на первом свидании)

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

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

Интернет-магазин Victoria’s Secret использует сразу два приветственных поп-апа:

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

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

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

Поп-апы могут собирать еще и номера телефонов:

поп-ап номер телефона

Поп-ап с сайта клубного дома Magnum house

Как вариант, можно остаться на связи с пользователем без получения емейла — с помощью Web Push уведомлений.

поп-ап web push уведомления

Иль де Ботэ показывает небольшой поп-ап параллельно с запросом на показ push-уведомлений. Бывает, что люди автоматически запрещают их, а такой поп-ап мотивирует остановиться и передумать.
поп-ап web push уведомления

Смотри.Учись показывает небольшой и красивый поп-ап

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

поп-ап подарок при первом заказе

Вот так это делает интернет-магазин HolySkin

Еще это может быть купон или промокод на скидку в процентах на все предложения:

поп-ап скидка на заказ
Ешь, купи, лови
новогодний поп-ап скидка на заказ

Смотри.Учись предлагает сделать скидку на любой курс за регистрацию
поп-ап скидка

Жилой комплекс Wine House ограничил предложение во времени: скидка действительна до конца декабря
дерзкий поп-ап скидка за подписку

Nasty Gal очень щедры на скидки и не боятся показать дерзкий (как пуля резкий) характер в приветственном поп-апе

Или ограничьтесь определенной категорией товаров:

поп-ап скидка за подписку на рассылку
Интернет-магазин Cropp поторапливает медлительных пользователей и предлагает скидку на новую коллекцию

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

поп-ап 500 рублей на первый заказ
Поп-ап магазина спортивных товаров КАНТ стремительно врывается на горных лыжах со скидкой 500 рублей

Подарки можно предлагать не только за емейл. Спросите у посетителей сайта, что они думают о вашей работе, и предложите скидку. Теперь в конструкторе поп-апов Carrot quest можно сделать миллион интересных форматов поп-апов: квизы, разные формы опросов и многое другое.

поп-ап скидка за отзыв

Возможно, вы заинтересуете пользователя полезным вебинаром:

поп-ап вебинар

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

Полезным инструментом:

поп-ап полезный инструмент

Поп-ап Oy-li

Или чем-то поинтереснее:

поп-ап астрологический прогноз бесплатно

Поп-апы с предложением помощи

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

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

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

Когда пользователь выбрал товар и добавил его в корзину, самое время показать еще один поп-ап. Посмотрите, как это делают интернет-магазины:

поп-ап выбор товара

NARS помогает пользователям избежать недоразумений при выборе товара и оттенка таким поп-апом
поп-ап товар добавлен в корзину

KUPIVIP добавляет к этому итоговую сумму и дату доставки
поп-ап товар добавлен в корзину сумма заказа бесплатная доставка

ASOS показывает все товары в корзине и общую сумму, напоминает о бесплатной доставке и ограниченном времени

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

Вы можете подсказать клиенту, сколько ему осталось до бесплатной доставки:

поп-ап прогресс бар
Книжный магазин Лабиринт.ру показывает это в форме прогресс-бара

Увеличьте сумму заказа, показав пользователю поп-ап с сопутствующими товарами:

поп-ап сопутствующие товары
Например, такой поп-ап показывает Top shop (да, это тот самый телемагазин, он есть
в интернете!)
поп-ап сопутствующие товары
А такой — Massimo Dutti
поп-ап добавление товара в корзину
ASUS, не торопи события! Возможно, этот поп-ап делали экстрасенсы: как иначе можно поздравлять с покупкой человека, который только добавил товар в корзину?

Можете сразу перейти к делу и предложить оформить заказ:

поп-ап купить за секунду
Gitarist.ru предлагает не медлить и просит номер телефона

Пользователь выбрал товар, но его нет в наличии? Бывает. Вы можете предложить ему оформить предзаказ:

поп-ап предзаказ
Поп-ап интернет-магазина Мистер Гик

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

Поп-апы полезны и на следующем этапе, когда пользователь открывает корзину:

поп-ап пробники в подарок
NARS предлагает добавить бесплатные образцы тональной основы к заказу очередным огромным поп-апом
поп-ап удаление товара из корзины
Urban Decay призывает подумать еще раз, прежде чем убирать товар из корзины
Пример поп-апа Concept Club с напоминанием оформить заказ
А Concept club мягко намекают, что пора поторопиться с заказом при повторном посещении сайта
поп-ап обратный отсчет
KUPIVIP показывают обратный отсчет

P.S.

На десерт мы оставили поп-ап с семейством Гарольда, скрывающего боль.

поп-ап скидка на заказ
Поп-ап на сайте Concept club
гарольд скрывающий боль
Три поколения скрывают боль
спасибо за внимание
Трафик есть, а заявок нет?

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

Лучшее в блоге: