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

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

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

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

Когда использовать обратный отсчет

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

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

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

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

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

Варианты добавления таймера обратного отсчета в WordPress

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

Вариант 1. Добавьте таймер обратного отсчета с помощью виджета обратного отсчета T(-)

(T-) Countdown Widget — один из самых популярных плагинов обратного отсчета для WordPress. Он позволяет отображать очень гибкий и настраиваемый таймер HTML5 с помощью шорткода на любой странице или записи вашего сайта WordPress:

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

После того, как вы установите и активируете плагин, вы можете найти его в меню «Настройки» > «T(-) Countdown» :

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

Когда вы загрузите и активируете плагин, в ваш редактор WordPress будет добавлен блок T(-) Countdown . Чтобы использовать его, перейдите на страницу или публикацию, к которой вы хотите добавить таймер обратного отсчета. Нажмите на значок плюса, а затем найдите в блоках опцию T(-) Countdown :

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

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

Если вам это нужно, для этого плагина доступна бесплатная поддержка, а также полный список параметров шорткода, которые вы можете использовать. Также стоит отметить, что это активно разрабатываемая версия старого плагина jQuery T(-) Countdown Widget.

Вариант 2. Добавьте таймер обратного отсчета с помощью Таймер обратного отсчета Ultimate

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

После того, как вы установите и активируете плагин, он представит вам приветственное сообщение. Выберите Пропустить или Разрешить и продолжить :

Затем перейдите к Таймер обратного отсчета > Добавить таймер :

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

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

Затем вы можете добавить виджет таймера обратного отсчета в любой пост или страницу WordPress. Для этого скопируйте шорткод таймера обратного отсчета (расположенный в столбце Shortcode на странице WP Countdown TImer ):

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

Вставьте шорткод в текстовое поле, а затем просмотрите страницу, чтобы убедиться, что она вас устраивает. Если вас все устраивает, нажмите «Опубликовать» .

Если вместо этого вы хотите добавить виджет обратного отсчета на боковую панель своего сайта, вы можете сделать это, выбрав «Внешний вид» > «Виджеты» и добавив виджет « Текст » на боковую панель. В настройках виджета просто вставьте шорткод таймера обратного отсчета:

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

Вариант 3. Добавьте таймер счетчика с помощью POWr

И последнее, но не менее важное: POWr — это облачный плагин таймера обратного отсчета. Поэтому, чтобы использовать его, вам сначала нужно зарегистрировать бесплатную учетную запись.

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

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

Затем посетите веб-сайт POWr и нажмите кнопку «Начать» , чтобы зарегистрировать бесплатную учетную запись. После создания учетной записи вы попадете на страницу «Мои плагины» . Здесь вы можете «создать свой собственный плагин», выбрав «Таймер обратного отсчета» в меню навигации слева:

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

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

Если вас устраивает таймер обратного отсчета, нажмите кнопку «Добавить на сайт» в нижней части экрана:

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

Затем вы можете скопировать этот шорткод и вставить его в блок шорткодов в редакторе WordPress (как показано в предыдущем разделе). Вы также можете выбрать опцию «Вставить код» , чтобы скопировать и вставить код в любой элемент HTML на вашем сайте.

Найдите дополнительные полезные ресурсы от WP Engine

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

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