19 примеров всплывающих окон со скидкой для продвижения вашей рекламы

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

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

Пища для размышлений: 59% покупателей ищут коды скидок, прежде чем совершить покупку в Интернете.

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

Если вы еще не начали использовать всплывающие окна, не паникуйте. Мы вас прикрыли.

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

Давайте погрузимся прямо в.

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

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

Всплывающие окна с бесплатной доставкой

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

Давайте посмотрим на некоторые примеры ниже.

1. Привлеките покупателей бесплатной доставкой и сногсшибательной скидкой (SwissWatchExpo.com)

Что это всплывающее окно делает хорошо:

• Таймер обратного отсчета создает ощущение срочности, побуждая посетителей действовать сейчас, а не позже.
• Он имеет простую, но эффективную цветовую схему. Черно-белый контраст делает дизайн всплывающего окна ярким и легко читаемым.
• Кнопка призыва к действию (CTA) «Получи скидку 100 долларов» очень мощная.
• Индивидуальная опция отказа «Нет, спасибо…» заставляет посетителей веб-сайта дважды подумать, прежде чем проспать эту сделку.

Что можно оптимизировать или протестировать A/B:

• Вы можете протестировать значение и тип скидки (скидка 100 долларов + бесплатная доставка — по сравнению со скидкой 100 долларов или просто бесплатной доставкой).
• Рассмотрите альтернативы Уникальному торговому предложению (УТП).

2. Борьба с брошенной корзиной с бесплатной доставкой-сюрпризом (ProspectorKnives.com)

Что это всплывающее окно делает хорошо:

• Опять же, таймер обратного отсчета — это фантастический способ вызвать срочность и действие.
• Простота. Всплывающее окно позволяет представить несколько предложений (бесплатная доставка и скидка), не перегружая посетителей.
• У него отличное сообщение о том, как уменьшить количество отказов от корзины и предотвратить отказ скептически настроенных покупателей.

Что можно оптимизировать или протестировать A/B:

• Предложение нуждается в A/B-тестировании , чтобы рассчитать идеальную стоимость сделки (на основе определенной стратегии скидок ).
• Детали таймера обратного отсчета могли бы быть более заметными благодаря более крупному тексту или контрастной цветовой гамме.
• То же самое касается кнопки призыва к действию. Контрастный цвет может сделать его более заметным.

3. Увеличьте среднюю стоимость заказа, предложив бесплатную доставку (Oka.com)

Что это всплывающее окно делает хорошо:

• Скидка зависит от суммы заказа. Он обращается к тем клиентам, которые ищут порог бесплатной доставки.
• Предложение отображается для клиентов из определенных стран через геотаргетинг. Это создает более персонализированный опыт.
• В нем есть прямое и честное сообщение об их подписке на список адресов электронной почты («… Вы можете отказаться от подписки в любое время»).
• Кнопка CTA хорошо контрастирует с копией всплывающего окна.

Что можно оптимизировать или протестировать A/B:

• Они могли улучшить читаемость, изменив фоновое изображение.
• Всплывающее окно было бы более ярким, если бы они использовали более простой макет.

Всплывающий код скидки и примеры купонов

2020 год был важным годом для онлайн-покупателей. На самом деле, 92% покупателей в США искали купоны перед совершением покупки.

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

Давайте рассмотрим несколько примеров ниже.

4. Создайте свой список с помощью кода скидки (Jonquil.com.au)

Что это всплывающее окно делает хорошо:

• Со вкусом оформленное полноэкранное сообщение. Это соответствует их бренду и дизайну сайта.
• Работает, чтобы получить подписчиков электронной почты, одновременно поощряя посетителей веб -сайта к конвертации.
• У него есть приветственный текст («присоединяйтесь к… семье») и уникальный текст призыва к действию.

Что можно оптимизировать или протестировать A/B:

• Во всплывающем окне используется множество шрифтов, и это может сбивать с толку. A/B-тестируйте заголовок шрифтом из CTA.
• Вы также можете провести A/B-тестирование поля формы с одним полем (адресом электронной почты). Хотя некоторые посетители рады заполнить больше полей в погоне за сделкой, это может привести к отказу других. Вы не узнаете, пока не проверите сами!

5. Предложите код скидки в обмен на подписку по электронной почте (ProspectorKnives.com)

Что это всплывающее окно делает хорошо:

• Это помогает создать список адресов электронной почты и одновременно поощряет будущие заказы с кодом скидки.
• Торговое предложение кристально чистое.
• Отличное использование цвета как в CTA, так и в процентной скидке (20%) в предложении.

Что можно оптимизировать или протестировать A/B:

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

6. Привлеките новых клиентов эксклюзивной скидкой (Zooji.com)

Что это всплывающее окно делает хорошо:

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

Что можно оптимизировать или протестировать A/B:

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

7. Привлекайте посетителей многошаговым всплывающим окном (CharmsToTreasure.com)

Что это всплывающее окно делает хорошо:

• Двухэтапное всплывающее окно: форма отображается для наиболее активных пользователей, которые уже нажали «ДА».
• Эффективное использование вопроса в заголовке (снижает вероятность того, что посетители скажут «нет»).
• Отличный выбор цвета, чтобы выделить предложение и призыв к действию.
• Тонкая стрелка добавляет стиля и привлекает внимание посетителей к кнопке CTA.

Что можно оптимизировать или протестировать A/B:

• После того, как кто-то заполнит форму, может появиться липкая полоса, чтобы напомнить им о предложении.
• «СКИДКА 10%» может быть таким же жирным, как и текст «ДА».

8. Предотвратите отказ посетителей с помощью скидки, которую невозможно пропустить (MyKinin.com)

Что это всплывающее окно делает хорошо:

• Уютный фон и стиль: стильный выбор шрифта и цвета.
• Делает прямое предложение новым клиентам (подсказка: ваша всплывающая скидка не обязательно должна быть ракетостроением).
• Не требует больших усилий со стороны посетителя (подумайте: подписка в одном поле).

Что можно оптимизировать или протестировать A/B:

• Добавьте поле «Имя», чтобы разрешить персонализацию.
• Суммы в долларах для A/B-тестирования по сравнению с процентной скидкой.

9. Поощряйте немедленные действия с помощью специального предложения с учетом времени (CellPhoneCenter.com)

Что это всплывающее окно делает хорошо:

• Яркие, дополняющие друг друга цвета (включая красную стрелку, которая подталкивает посетителей сайта к CTA).
• Текст кнопки CTA создает тонкое ощущение срочности.
• Большое использование «сильных слов» во всем тексте (например, «Сегодня», «Сохранить», «Легко», «Сейчас»).

Что можно оптимизировать или протестировать A/B:

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

10. Дайте новым клиентам почувствовать, что они получают выгодную сделку (PurePetFood.co.uk)

Что это всплывающее окно делает хорошо:

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

Что можно оптимизировать или протестировать A/B:

• Текст «СКИДКА 20%» и кнопка «ПРОБНАЯ ВЕРСИЯ» могли бы быть более яркими.
• Непонятно, как использовать код: «Использовать код купона при оформлении заказа или нет?»
• Код купона отображается перед регистрацией. В конечном итоге это может повредить коэффициенту конверсии и производительности всплывающего окна, если посетители активируют код без регистрации.

11. Предоставьте новым клиентам кристально чистое предложение (Natural-Fertility-Info.com)

Что это всплывающее окно делает хорошо:

• Он имеет современный и чистый дизайн.
• Минимальный текст: тем временем предложение выделяет текст жирным шрифтом.
• Кнопка CTA яркая и имеет четкое сообщение (плюс — простота подписки в одном поле отлично подходит для сбора адресов электронной почты).

Что можно оптимизировать или протестировать A/B:

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

12. Разместите простую скидку без излишеств в центре внимания посетителей веб-сайта (Pond5.com).

Что это всплывающее окно делает хорошо:

• Яркий и современный дизайн с отличными цветами и шрифтами.
• Логотип компании удачно вписался в дизайн.
• Кнопка CTA четкая и жирная.

Что можно оптимизировать или протестировать A/B:

• Текст кнопки может быть стилизован с помощью пользовательской фразы с призывом к действию вместо «ПОДПИСАТЬСЯ СЕЙЧАС».
• Всплывающее окно может хорошо работать как полноэкранное сообщение.
• Удаление фонового изображения может привлечь больше внимания к предложению.

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

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

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

13. Создайте предвкушение и стимулируйте продажи с помощью таймера обратного отсчета (MMAWarehouse.com )

Что это всплывающее окно делает хорошо:

• Продуманный дизайн, соответствующий фирменному стилю сайта.
• Реализует таймер обратного отсчета, чтобы создать срочность и уменьшить отказ от корзины.
• Отличный выбор цвета для кнопки CTA. Всплеск красного заставляет посетителей хотеть щелкнуть по нему.

Что можно оптимизировать или протестировать A/B:

• Код купона должен быть виден только после того, как покупатель нажал кнопку (для точного измерения конверсий).
• Они могут провести A/B-тестирование с немного другим цветом фона, чтобы сделать свое предложение более заметным.

14. Используйте FOMO ваших посетителей (страх упустить) (SoggyDoggyDoormat.com)

Что это всплывающее окно делает хорошо:

• Гарантирует, что посетители видят только лучшие предложения в магазине.
• Их ограниченное по времени предложение создает FOMO.
• Простой и чистый дизайн (контраст светлого и темного легко читается).

Что можно оптимизировать или протестировать A/B:

• Цвет кнопки мог бы быть ярче.
• Текст может объяснять преимущества или специфику предложений.

15. Уменьшите число брошенных корзин с помощью предложения обратного отсчета (TapestryGirls.com)

Что это всплывающее окно делает хорошо:

• Яркая цветовая гамма заставляет посетителей обратить внимание на предложение.
• Их смелое предложение легко понять.
• Таймер обратного отсчета побуждает посетителей действовать как можно скорее.

Что можно оптимизировать или протестировать A/B:

• Текст отказа мог бы быть более разборчивым.

Это всплывающее окно создано OptiMonk! Посмотрите, как Tapestry Girls увеличили конверсию на 50% после использования нашей платформы.

Сезонные кампании и всплывающие окна Черной пятницы

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

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

Ознакомьтесь с этими сезонными всплывающими окнами ниже.

16. Порадуйте своих сезонных покупателей игровыми всплывающими окнами (EasyologyPets.com)

Что это всплывающее окно делает хорошо:

• Уникальное всплывающее окно с вращающимся колесом, которое подходит для дизайна и сезона.
• Предоставляет несколько рекламных акций для всех нужд (и не позволяет клиентам объединять их).
• Игриво и весело: не похоже на традиционное промо.

Что можно оптимизировать или протестировать A/B:

• Вы можете A/B протестировать цвет кнопки в центре.
• Поэкспериментируйте с позиционированием копии (размером тоже) и призывом к действию.

17. Выделите самые выгодные предложения (Beddingstock.com)

Что это всплывающее окно делает хорошо:

• Акция «Черная пятница/Киберпонедельник» делает всплывающее окно чувствительным ко времени.
• Контрастный CTA нельзя пропустить.
• Копия подчеркивает важность и ценность сделки («КРУПНЕЙШАЯ ПРОДАЖА ГОДА»).

Что можно оптимизировать или протестировать A/B:

• Может быть реализовано как многошаговое всплывающее окно с раскрытием кода.

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

Рекомендации по продуктам составляют примерно 33% продаж электронной коммерции . Таким образом, это разумный шаг, чтобы направлять ваших посетителей к определенным элементам.

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

Давайте рассмотрим некоторые всплывающие окна с рекомендациями по продукту ниже.

18. Продвигайте свои самые популярные продукты | Photopaperdirect.com

Что это всплывающее окно делает хорошо:

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

Что можно оптимизировать или протестировать A/B:

• Цвет заголовка должен быть более контрастным, чтобы выделяться на фоне.
• A/B-тестирование значения скидки для максимального вовлечения (например, скидка 25% или 50% по сравнению с фиксированной суммой в 10 или 15 долларов работает лучше?).

19. Приветствуйте постоянных посетителей и напоминайте им об их любимых продуктах (TinyBeastDesigns.com)

Что это всплывающее окно делает хорошо:

• Он имеет яркую цветовую гамму, которая соответствует бренду.
• Рекомендует определенный продукт, делая всплывающее окно более личным.
• Представляет собой явный прием и руку помощи посетителю.

Что можно оптимизировать или протестировать A/B:

• Миниатюра товара может быть крупнее и четче: поэкспериментируйте с размером всплывающего окна и изображения.
• Они могли бы сделать кнопку X более удобной для поиска с помощью круга вокруг нее или более заметного цвета и/или размера.

Это еще одно потрясающее всплывающее окно на базе OptiMonk! Узнайте больше о том, как Tiny Beast Designs собрала более 2200 регистраций в новом магазине с помощью наших всплывающих окон.

Допустим, вы хотите использовать всплывающие окна со скидками и готовы внедрить их в свой магазин.

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

1. Используйте геймификацию, чтобы ваши всплывающие окна со скидками выглядели менее «продающими».

Проще говоря, мы в OptiMonk большие поклонники геймифицированных всплывающих окон (см. пример № 16 выше).

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

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

2. Запускайте всплывающие окна на основе фактического поведения посетителей, а не «просто потому что»

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

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

Вы же не хотите прерывать навигацию по сайту или кого-то отпугивать, верно?

Это говорит о важности поведенческих всплывающих окон . Они отображаются на основе заранее заданных критериев, которые вы выбираете.

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

Это повышает ваши шансы на конвертацию в процессе.

3. Сделайте дизайн всплывающего окна максимально простым

Общей чертой лучших всплывающих окон является то, что они не слишком сложны.

Короче говоря, ваши всплывающие окна должны быть понятными с первого взгляда. Это означает:

• Используйте простой язык, разделяйте на краткие, резкие утверждения, а не на предложения или абзацы.
• Удалите ненужные изображения или все, что могло бы отвлечь посетителей.
• Создайте четкую кнопку CTA, которая будет привлекать внимание посетителей.
• Добавьте хорошую и заметную кнопку X, чтобы ваш покупатель мог «покинуть» всплывающее окно, когда захочет.

4. Не перегружайте посетителей слишком большим количеством полей формы

Мы понимаем: вы хотите собрать как можно больше информации о своих лидах и потенциальных клиентах.

Но это может снизить ваши шансы на получение клиента.

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

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

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

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

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

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

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

Хотите узнать больше о том, как запускать всплывающие окна, которые понравятся вашим клиентам и увеличат ваш доход до 10 раз? Прочтите наше полное руководство по всплывающим окнам.

Рекламные всплывающие окна эффективны для стимулирования продаж и повышения лояльности к бренду.

Это если вы обратите внимание на множество движущихся частей ваших рекламных акций.

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

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