Как добавить виджет таймера обратного отсчета в WordPress (3 метода)

2 min


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

Добавление виджета обратного отсчета вехой в WordPress

Когда и зачем нужен виджет обратного отсчета Milestone?

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

Ниже приведены некоторые распространенные сценарии, в которых вы можете эффективно использовать виджет обратного отсчета этапа:

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

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

Поскольку существует так много вариантов использования таймера обратного отсчета, мы перечислили 3 различных метода добавления виджета обратного отсчета вехой в WordPress:

  1. Создание виджета обратного отсчета Milestone с использованием Ultimate Ultimate Timer
  2. Создайте высокоактивные таймеры обратного отсчета с OptinMonster
  3. Создайте скоро и таймер обратного отсчета в режиме обслуживания с SeedProd

Давайте посмотрим, как легко добавить в WordPress виджет обратного отсчета.

Метод 1: Добавление виджета обратного отсчета Milestone с использованием Ultimate Plugin

Демо-таймер обратного отсчета

Первое, что вам нужно сделать, это установить и активировать плагин Countdown Timer Ultimate. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо посетить Таймер обратного отсчета »Добавить таймер страница в вашей админке WordPress.

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

Замечания: Таймер использует часовой пояс, установленный в настройках вашего сайта WordPress. Если вы хотите изменить часовой пояс для этого таймера обратного отсчета, вам нужно будет перейти к Настройки »Общие и обновите настройки часового пояса вашего сайта WordPress.

Добавить заголовок таймера

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

Установить срок годности

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

Выберите анимацию

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

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

Цвет фона переднего плана

Как только вы будете удовлетворены настройками, продолжайте и нажмите кнопку «Опубликовать».

Отображение вашего виджета обратного отсчета Milestone в WordPress

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

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

Скопировать шорткод

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

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

Теперь вы можете посетить свой веб-сайт, чтобы увидеть виджет обратного отсчета вехи в действии.

Демо-таймер обратного отсчета

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

Настройки виджета обратного отсчета

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

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

Обратный отсчет

Метод 2: Добавление виджета обратного отсчета MileStone с помощью OptinMonster

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

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

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

Таймер обратного отсчета OptinMonster для праздников

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

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

После этого вам необходимо установить плагин OptinMonster на свой сайт WordPress. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

Этот плагин будет работать как соединитель между вашим сайтом WordPress и приложением OptinMonster.

После активации нажмите на ссылку OptinMonster в вашем админ-меню WordPress. Далее вам будет предложено ввести учетные данные API OptinMonster.

Подключиться к OptinMonster

Вы можете найти эту информацию в своей учетной записи на веб-сайте OptinMonster. Просто войдите в свою учетную запись и затем нажмите на ссылку «API» в меню.

API-ключ OptinMonster

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

Плагин теперь подключит ваш сайт WordPress к вашей учетной записи OptinMonster.

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

Создать новую кампанию

Дополнительную информацию см. В этом пошаговом руководстве о том, как создать кампанию с таймером обратного отсчета в OptinMonster.

Таймер обратного отсчета OptinMonster для праздников

Метод 3: Добавление виджета обратного отсчета Milestone с помощью SeedProd

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

Предварительный просмотр SeedProd

Первое, что вам нужно сделать, это установить и активировать плагин SeedProd Pro на вашем сайте WordPress. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

После активации вы будете перенаправлены на Настройки »Общие страница в вашей админке WordPress. Он попросит лицензионный ключ, который вы можете получить из своей учетной записи SeedProd.

Лицензионный ключ

Далее нужно посетить Настройки »Скоро в Pro странице и включите режим скоро. Он автоматически запустит таймер обратного отсчета на следующей странице.

Включить страницу скоро

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

SeedProd обратный отсчет

Теперь вы можете посетить свой веб-сайт, чтобы увидеть ближайший счетчик в действии.

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


0 Comments

Добавить комментарий