Добавить в корзинуПозвонить
Найти в Дзене
WPShop

Как сделать таймер обратного отсчета с помощью My Popup на сайте

Создание у посетителей чувства срочности путем внедрения таймера обратного отсчета на сайт существенно повышает конверсию. Главное — не переусердствовать с этим инструментом, иначе можно потерять доверие пользователей. В WordPress есть десятки плагинов, которые позволяют вывести таймеры на сайте. Но если среди них попытаться найти действительно современные и удобные варианты, то список сократится до нескольких единиц. Расширение My Popup, изначально созданное для вывода всплывающих окон, сразу имеет функционал встроенного таймера. Расскажу, как его корректно настроить и вывести с нужными вам параметрами. Само расширение My Popup было разработано для вывода на WordPress-сайте всплывающих окон. С его помощью легко добавить: Функциональность расширения широкая и ограничивается лишь фантазией веб-мастера. В плагине предусмотрено множество правил вывода. Он может показывать окно через время после загрузки страницы, при прокрутке до заданного элемента, при попытке покинуть сайт и так далее.
Оглавление

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

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

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

Для чего создан My Popup

Само расширение My Popup было разработано для вывода на WordPress-сайте всплывающих окон.

С его помощью легко добавить:

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

Функциональность расширения широкая и ограничивается лишь фантазией веб-мастера.

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

При этом возможно таргетирование на отдельные страницы, записи, разделы и прочие материалы.

Настройки отображения всплывающего окна в My Popup
Настройки отображения всплывающего окна в My Popup

Как работает таймер обратного отсчета в MyPopup

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

Сам таймер выводится при помощи шорткода:

[mypopup_countdown]

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

Предусмотрены следующие атрибуты:

  • Время до конца таймера (для вечнозеленых): years (годы), months (месяцы), weeks (недели), days (дни), hours (часы), minutes (минуты) и seconds (секунды).
  • Конечный срок таймера (для обычных): expire_date.
  • Дизайн циферблата: style.
  • Цвета: background и color.
  • Вывод нулей: hide_empty_counters.

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

1. Установите My Popup и перейдите в пункт «Добавить попап». Укажите для него название.

Создание всплывашки с таймером обратного отсчета в My Popup
Создание всплывашки с таймером обратного отсчета в My Popup

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

-4

3. Теперь встроим таймер. Во вкладке «Контент» добавьте шорткод с таймером в нужное место и внесите другие изменения в шаблон попапа.

Добавление шорткода для счетчика обратного отсчета с атрибутами
Добавление шорткода для счетчика обратного отсчета с атрибутами

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

-6

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

-7

Как эффективно добавлять таймер в попап-окно

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

1. Скидки на товары с ограничением по времени.

-8

2. Эксклюзивный промокод для новых покупателей.

-9

3. Брошенная корзина (выводится при продолжительном бездействии на сайте).

-10

4. Лимитированные товары или места.

-11

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

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

  • В зоне видимости посетителя не должно быть более 2 разных таймеров. Лучше, чтобы он был один. Иначе это «размоет» эффект от использования инструмента.
  • Проверяйте работу таймеров на всех устройствах. В случае с My Popup это делать необязательно, поскольку все встроенные в плагин варианты протестированы на адаптивность.
  • Не забывайте для вечнозеленых таймеров использовать куки, чтобы они постоянно не обновлялись, когда посетитель вновь приходит на сайт. Подобная ошибка может вызвать недоверие и снизить конверсию.
  • Интегрируйте счетчики времени в путь пользователей по сайту правильно. Заранее продумайте сценарии для показа спецпредложений. Они должны появляться в тот момент, когда посетитель максимально «прогрет».

Плагин My Popup дает простой и удобный инструмент в виде конверсионного таймера обратного отсчета. Главное — научиться правильно им пользоваться.