Как создать всплывающее окно таймера обратного отсчета (с примерами)

Опубликовано: 2022-06-27

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

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

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

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

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

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

Как создать всплывающее окно таймера обратного отсчета (шаг за шагом)

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

Шаг 1. Создайте новое всплывающее окно

всплывающая умная панель

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

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

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

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

Шаг 2. Настройте всплывающее окно таймера

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

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

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

Например, сегодня я сделаю всплывающий таймер обратного отсчета ниже. Я меняю внешний вид всплывающего шаблона:

  • Фоновый цвет,
  • Текст кнопки, шрифт, цвет,
  • Изображение,
  • Его призыв к действию и заголовок. (доступно больше персонализации)

всплывающий таймер обратного отсчета

Поэкспериментируйте с параметрами настройки, такими как использование шрифта, цветов и изображений вашего бренда.

Шаг 3. Добавьте таймер обратного отсчета во всплывающее окно

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

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

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

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

После того, как вы настроили таймер, определите, что произойдет, когда таймер обратного отсчета истечет. Достигнув нуля, вы можете;

  • Таргетинг на URL
  • Показать сообщение
  • Закрыть кампанию

Затем выберите шрифт для своего таймера из множества вариантов шрифтов, включая шрифты Google.

Наконец, настройте толщину шрифта, цвет, размер и выравнивание.

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

Шаг 4. Настройте триггеры и параметры таргетинга

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

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

Теперь ваше всплывающее окно с таймером обратного отсчета готово к работе и принесет конверсии!

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

У вас все еще есть такие вопросы, как; как добавить всплывающее окно обратного отсчета на Shopify? Или как создать всплывающее окно с обратным отсчетом в WordPress? Затем вы можете выполнить те же шаги, что и выше, поскольку Popupsmart работает с любым веб-сайтом, поддерживающим JavaScript.

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

Как использовать всплывающие окна обратного отсчета — лучшие практики

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

  • Помочь вам расширить список адресов электронной почты,
  • Увеличивать объем продаж,
  • повысить вовлеченность,
  • Продвигайте праздничные распродажи,
  • Создайте волнение для запуска продукта и многое другое.

1. Соберите больше подписок по электронной почте

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

Например, если вы;

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

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

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

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

2. Привлекайте клиентов предстоящими кампаниями по продажам

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

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

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

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

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

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

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

3. Продвигайте выпуск новых продуктов

Ожидание определяет поведение потребителей.

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

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

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

  • Новая линейка продуктов,
  • Предметы нового сезона,
  • Раздутые акции,

Вы можете предвидеть клиентов и удвоить продажи с помощью рекламных всплывающих окон. Вот пример:

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

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

4. Стремительный рост продаж с ограниченными по времени предложениями

Всплывающее окно обратного отсчета Национального дня щенков

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

Согласно исследованию, 60% потребителей совершают покупки из-за FOMO в течение 24 часов.

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

  • Флэш-продажи
  • Почасовые сделки
  • Предложения на длинные выходные
  • Продажа только за один день

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

5. Уменьшите количество брошенных корзин

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

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

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

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

6. Обратный отсчет до особых дней

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

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

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

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

Рождественский всплывающий обратный отсчет

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

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

Подведение итогов

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

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

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

Начните бесплатно с Popupsmart сегодня, чтобы создать таймер обратного отсчета для своих кампаний.

Как вы используете всплывающие окна с обратным отсчетом? Считаете ли вы их полезными? Сообщите нам в комментариях.

Посмотрите также этот пост в блоге:

  • Почему вы должны использовать всплывающее уведомление о реагировании на COVID-19?