Всплывающее окно со скидкой: 8 примеров и рекомендаций [+Как создать]

Опубликовано: 2022-08-29

Есть много способов поделиться скидками…

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

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

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

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

Нажмите, чтобы перейти в разделы:

  • Что такое всплывающее окно со скидкой?
  • Зачем использовать всплывающие окна со скидками
  • Примеры всплывающих окон со скидкой
  • Как создать всплывающее окно со скидкой

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

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

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

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

Почему всплывающие окна со скидками — хорошая стратегия

Что ж…

Все любят экономить.

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

статистика-скидки

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

  • Увеличьте свои продажи
  • Помочь вам быстрее получить новых клиентов
  • Повысить удовлетворенность клиентов покупками

Итак, вывод здесь —

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

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

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

Мы рассмотрим эти примеры всплывающих окон со скидками:

  • Всплывающее окно со скидкой на подписку по электронной почте
  • Всплывающее окно «Купи один, получи один бесплатно»
  • Всплывающее окно со скидкой и формой сегментации
  • Всплывающее окно со скидкой при минимальной покупке
  • Всплывающее окно со скидкой «Бесплатная доставка»
  • Игровое всплывающее окно со скидкой
  • Всплывающее окно скидки на категорию продукта
  • Всплывающее окно со скидкой за рекомендацию клиента

1. Всплывающее окно со скидкой на подписку по электронной почте

всплывающее окно со скидкой по электронной почте
  • Веб -сайт : Часы MVMT
  • Цель : Превратить новых посетителей в клиентов.

Начнем с самого популярного всплывающего окна со скидкой. Он предлагает начальную скидку 15% на регистрацию по электронной почте, что является самой простой, но эффективной стратегией лидогенерации. Чтобы сделать предложение более привлекательным, во всплывающем окне также упоминался доступ к эксклюзивным распродажам и предметам ограниченного выпуска (это то, что многие любители часов просто не могут позволить себе пропустить).

Почему это всплывающее окно со скидкой работает:

  • Ценный заголовок
  • Красивое оригинальное изображение продукта
  • Основная выгода (размер скидки) выделена другим цветом

Лучшая практика всплывающих окон со скидкой :

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

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

2. Всплывающее окно со скидкой «Купи два — один бесплатно»

промо-попап
  • сайт : Блюм
  • Цель : увеличение продаж за счет создания ощущения срочности

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

Почему это всплывающее окно со скидкой работает:

  • Заманчивый заголовок
  • Красивый дизайн и фирменная цветовая гамма
  • Простое объяснение терминов

Лучшая практика всплывающих окон со скидкой :

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

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

Общая стоимость акции должна быть немного выше средней стоимости заказа (AOV) в вашем магазине. Например, если ваш AOV составляет 50 долларов, не покупайте больше 60 долларов. Потому что, если разница значительна, многие клиенты, скорее всего, откажутся от предложения.

Другие примеры того, как компании стимулируют продажи с помощью всплывающих окон: Примеры стимулирования сбыта

3. Всплывающее окно со скидкой и формой сегментации подписчиков

Веб -сайт : Primal Pet Foods

Цель : конвертировать новых посетителей и сегментировать их.

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

Почему это всплывающее окно со скидкой работает:

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

Лучшая практика всплывающих окон со скидкой :

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

4. Всплывающее окно с минимальной покупкой

  • Веб -сайт : CODAGE Париж
  • Цель : получить больше заказов на сумму более 100 евро.

Этот пример всплывающего окна со скидкой помогает бренду продавать больше и увеличивать среднюю стоимость заказа. Чтобы мотивировать посетителей на покупку, он предлагает 100% скидку на конкретный товар. Выбор продукта (дорожного набора) также правильный: он познакомил бы покупателей с несколькими продуктами.

Почему это всплывающее окно со скидкой работает:

  • Заманчивое предложение с ограниченным сроком действия
  • Удобная навигация благодаря кнопке «Открыть»
  • Удобное добавление бесплатного товара в корзину

Лучшая практика всплывающих окон со скидкой :

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

Совет по лидогенерации

Помимо электронных писем, вы также можете собирать номера телефонов с помощью всплывающих окон.

Руководство по всплывающим окнам для SMS [+Примеры]

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

  • Веб -сайт: Venus ET Fleur
  • Цель : увеличить количество покупок от новых посетителей.

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

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

  • Заголовок, основанный на вопросах, с явной выгодой
  • Форма регистрации содержит поле для электронной почты и номера телефона
  • Кнопка CTA имеет четкое сообщение о ценности для клиентов

Лучшая практика всплывающих окон со скидкой :

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

Заголовки-вопросы привлекают на 257% больше внимания, чем декларативные заголовки. Те, у кого есть намеки на самих себя, например: «Это твоя новая любимая вещь?» показывают лучшие результаты согласно исследованиям.

Совет по стратегии скидок:

Совместите бесплатную доставку с сезонными скидками.

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

6. Игровое всплывающее окно со скидкой

  • Веб -сайт : Смелые носки
  • Цель : увеличение продаж за счет скидок.

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

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

  • Геймификация — уникальный способ привлечь покупателей
  • Красочный и привлекательный дизайн всплывающего окна
  • Очень легко принять участие (требуется только электронная почта)

Лучшая практика всплывающих окон со скидкой :

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

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

7. Всплывающее окно скидки на категорию продукта

  • Веб -сайт: Shutterstock
  • Цель : увеличение продаж категории товаров.

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

Почему это всплывающее окно со скидкой работает:

  • Четко указанная выгода в заголовке
  • Краткое, но исчерпывающее описание предложения
  • Легкодоступный код скидки

Лучшая практика всплывающих окон со скидкой :

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

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

8. Всплывающее окно со скидкой за рекомендацию клиента

Веб -сайт: Сент-Джейн Бьюти

Цель : побудить клиентов приводить друзей

Хотите создать популярную реферальную программу для клиентов? Вы можете привлечь рефералов с помощью всплывающего окна со скидкой, как в этом примере от Saint Jane Beauty. Таким образом, вы можете сообщить каждому посетителю об этом предложении и получать продажи на автопилоте.

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

  • Четкое описание выгоды
  • Облегчает привлечение друзей с помощью ссылки «Поделиться»
  • Побуждает клиентов отстаивать интересы бренда

Лучшая практика всплывающих окон со скидкой :

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

Как создать всплывающее окно со скидкой

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

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

Шаг 1. Выберите шаблон всплывающего окна.

На панели инструментов Wisepops выберите «Новая кампания» > «Ассистент кампании» > «Увеличьте аудиторию». Там вы увидите выбор шаблонов всплывающих окон. Для этого урока я выбрал первый во втором ряду.

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

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

Вот как мой окончательный дизайн выглядит после настройки.

Для этого дизайна я использовал:

  • #000000 для цвета
  • Roboto для текстового шрифта
  • Это и это бесплатные изображения от Pexels

Советы по дизайну всплывающих окон со скидкой

️ Напишите точно, что ваше предложение . Будьте кратки, конкретны и упоминайте преимущества для клиентов (скидки, эксклюзивные предложения и т. д.).
Используйте шрифты и цвета вашего бренда. Они сделают всплывающее окно со скидкой естественным продолжением вашего сайта.
Добавьте изображение товара(ов) из вашего магазина. Всплывающие окна с изображениями получают на 74 % больше конверсий, чем без них.

Шаг 3. Добавьте код скидки в окно благодарности.

Окно с благодарностью появляется, когда посетители отправляют свои электронные письма и нажимают «Получить мою скидку » в нашей кампании. Вот вы и даете им скидку.

Чтобы настроить это окно, перейдите на вкладку СПАСИБО . Оказавшись там, напишите новое сообщение и включите код скидки.

Шаг 4: Выберите, где показывать всплывающее окно со скидкой

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

По умолчанию Wisepops отобразит вашу кампанию:

  • Только раз
  • Каждому посетителю
  • На всех страницах сайта
  • После того, как они проведут 8 секунд на вашем сайте

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

Чтобы изменить, кто увидит всплывающее окно со скидкой: « Правила отображения» > « Аудитория». Чтобы определить, когда будет появляться всплывающее окно (при посадке, при выходе, по клику и т. д.), перейдите в «Правила отображения» > «Триггер».

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

Советы по отображению всплывающих окон

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

Шаг 5: Опубликуйте всплывающее окно со скидкой

Как только вы нажмете « Готово» , Wisepops перенесет вас к обзору кампании.

Там нажмите «Опубликовать », чтобы активировать всплывающее окно со скидкой. Теперь он доступен на вашем сайте, молодцы!

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

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

Всплывающее окно со скидкой: ваши следующие шаги

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

Мы тебя прикрыли.

Подробная инструкция для вашего сайта:

  • Как добавить всплывающее окно в Shopify
  • Как добавить всплывающее окно в Wix
  • Как сделать всплывающее окно для WooCommerce

Если вы предпочитаете плагин, вот наш плагин для всплывающих окон WordPress . для тебя.

Также смотрите еще полезные посты:

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