Вы хотите добавить обратный отсчет вех в WordPress?
Таймер обратного отсчета поможет вам продемонстрировать важные достижения, годовщины, предстоящие события и многое другое.
В этой статье мы покажем вам, как легко добавить виджет таймера обратного отсчета на ваш сайт WordPress.
Когда и зачем использовать виджет обратного отсчета вех?
Виджеты обратного отсчета — это полезный инструмент для напоминания аудитории о важной вехе в вашем бизнесе, например, о предстоящем событии, запуске продукта или распродаже.
Обратный отсчет помогает создать предвкушение среди ваших клиентов и улучшить вовлеченность пользователей.
Вот несколько распространенных сценариев, в которых вы можете использовать виджет обратного отсчета времени:
- Перед запуском вашего сайта на странице скорого запуска.
- Во время обслуживания сайта, чтобы сообщить посетителям, когда сайт будет снова доступен.
- Перед введением нового продукта в вашем интернет-магазине.
- При проведении мероприятия или конференции.
- В день рождения вашего онлайн-бизнеса.
- На праздниках и распродажах, таких как «Черная пятница», чтобы предложить большие скидки на ваши товары или услуги.
Вы можете отображать таймер обратного отсчета в постах, на страницах и в области виджетов боковой панели.
Таймеры обратного отсчета также могут быть добавлены во всплывающие окна lightbox, плавающие панели, окна прокрутки и другие элементы дизайна, чтобы привлечь бросивших сайт посетителей и вернуть их на ваш сайт.
Поскольку существует множество вариантов использования таймера обратного отсчета, мы перечислили 3 различных метода добавления виджета обратного отсчета вех в WordPress:
- Способ 1: Добавление виджета обратного отсчета вех с помощью плагина Countdown Timer Ultimate Plugin
- Метод 2: Добавление виджета обратного отсчета с помощью OptinMonster
- Метод 3: Добавление виджета обратного отсчета вех с помощью SeedProd
Давайте рассмотрим, как легко добавить виджет обратного отсчета в WordPress.
.com/wp-content/uploads/2018/11/countdowntimerdemo.jpg» alt=»Демонстрация таймера обратного отсчета» width=»550″ height=»300″ />
Countdown Timer Ultimate — это простой бесплатный плагин, который позволяет добавить базовый таймер обратного отсчета на ваш сайт.
Первое, что вам нужно сделать, это установить и активировать плагин Countdown Timer Ultimate. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
После активации, вам необходимо посетить Таймер обратного отсчета » Добавить таймер страницу в области администрирования WordPress.
На этой странице вам нужно начать с добавления названия вашей вехи в качестве заголовка для нового таймера обратного отсчета.
Примечание: Таймер использует часовой пояс, установленный в настройках вашего сайта WordPress. Если вы хотите изменить часовой пояс для этого таймера обратного отсчета, то вам нужно перейти на страницу Настройки » Общие и обновите настройки часового пояса вашего сайта WordPress.
После этого вы можете прокрутить вниз, чтобы установить дату истечения срока действия, день и время для вашего таймера обратного отсчета.
Далее выберите дату истечения срока действия таймера обратного отсчета.
Далее вам нужно выбрать стиль анимации из выпадающего списка.
Вы также можете легко настроить ширину круга и фона.
В поле Ширина обратного отсчета можно задать ширину для полного отображения виджета обратного отсчета. Если вы оставите это поле пустым, то таймер будет отображаться с размером по умолчанию.
После этого вы можете добавить цвета фона и переднего плана для таймера обратного отсчета. Вы можете индивидуально изменить цвет для дней, часов, минут и секунд. Вы также можете изменить метки для таких элементов, как дни, часы и т.д.
Следует помнить, что плагин, к сожалению, не настраивает метку для множественного или единственного числа, поэтому, например, вместо «1 час» будет написано «1 Hours».
Как только вы будете удовлетворены настройками, нажмите на кнопку «Опубликовать».
Отображение виджета обратного отсчета в WordPress
Теперь, когда вы создали виджет обратного отсчета, давайте добавим его на ваш сайт.
Сначала вам нужно нажать на меню Таймер обратного отсчета. На странице WP Countdown Timer вы увидите таймер, который вы только что создали.
Рядом с таймером обратного отсчета вы увидите шорткод, который вам нужно скопировать.
Вам нужно скопировать и вставить этот шорткод в область контента вашего поста или страницы.
Затем обязательно нажмите на кнопку «Обновить» или «Опубликовать», чтобы сохранить изменения.
Теперь вы можете посетить свой сайт, чтобы увидеть виджет обратного отсчета вех в действии.
Вы также можете добавить этот таймер обратного отсчета в боковую панель вашего сайта WordPress. Просто перейдите на сайт Внешний вид » Виджеты страницу и добавьте виджет шорткода в свою боковую панель.
В настройках виджета необходимо вставить шорткод для вашего таймера обратного отсчета.
Как только вы закончите, не забудьте нажать на кнопку «Обновить», чтобы сохранить настройки виджета.
Теперь вы можете зайти на свой сайт и увидеть таймер обратного отсчета в боковой панели или готовой области виджета.
Метод 2: Добавление виджета обратного отсчета вех с помощью OptinMonster
OptinMonster — лучший плагин для всплывающих окон WordPress на рынке, но он делает гораздо больше, чем просто всплывающие окна. Это поможет вам конвертировать покинувших сайт посетителей в подписчиков и клиентов.
Используя функцию таймера обратного отсчета от OptinMonster, вы можете интегрировать таймер обратного отсчета вехи во всплывающее окно лайтбокса, виджет боковой панели, плавающий бар или любой другой тип кампании OptinMonster.
Ниже приведен пример одной из готовых кампаний с таймером обратного отсчета, но вы можете использовать конструктор drag & drop для создания полностью индивидуального таймера обратного отсчета.
OptinMonster — это умный способ показать таймер обратного отсчета в привлекающих внимание элементах дизайна. Они даже позволяют создавать вечнозеленые таймеры обратного отсчета в WordPress.
Вечнозеленый таймер обратного отсчета запускает обратный отсчет для каждого отдельного посетителя. Таймер начнет отсчет, когда человек зайдет на ваш сайт. Его также называют динамическим таймером обратного отсчета.
Сначала вам нужно посетить сайт OptinMonster и подписаться на тарифный план, который соответствует вашим потребностям.
После этого вам необходимо установить плагин OptinMonster на ваш сайт WordPress. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Этот плагин будет работать как соединитель между вашим сайтом WordPress и приложением OptinMonster.
После активации вам нужно будет перейти на страницу OptinMonster » Настройки в меню администратора WordPress и подключите свой аккаунт.
Для начала работы вы можете нажать кнопку «Подключить существующий аккаунт».
После этого вы увидите, как появится всплывающее окно.
Просто выберите адрес электронной почты, который вы использовали для регистрации аккаунта OptinMonster, и нажмите кнопку «Подключить к WordPress».
Плагин подключит ваш сайт WordPress к вашей учетной записи OptinMonster.
После подключения вы можете начать создавать новую кампанию с вашей приборной панели OptinMonster. Просто перейдите на OptinMonster » Кампании и нажмите кнопку «Создать свою первую кампанию».
Плагин показывает различные типы кампаний и шаблоны на выбор.
Вы можете использовать любой тип кампании и интегрировать в нее таймер обратного отсчета.
Метод 3: Добавление виджета обратного отсчета с помощью SeedProd
SeedProd — лучшая тема и конструктор целевых страниц для WordPress. Его конструктор перетаскивания позволяет вам создавать удивительные целевые страницы и добавлять таймер обратного отсчета, чтобы привлечь внимание ваших посетителей.
Чтобы использовать функцию таймера обратного отсчета, вам понадобится версия SeedProd Pro. С планом Pro вы также можете получить доступ к различным шаблонам, блокам страниц для настройки, интеграции маркетинга электронной почты и многое другое.
Первое, что вам нужно сделать, это установить и активировать плагин SeedProd Pro на вашем сайте WordPress. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
После активации вы будете перенаправлены на SeedProd в области администратора WordPress. Он запросит лицензионный ключ, который вы можете получить из своего аккаунта SeedProd. После ввода лицензионного ключа вы можете нажать кнопку «Проверить ключ».
Далее, вы можете создать новую целевую страницу, перейдя по ссылке SeedProd » Страницы.
SeedProd позволяет настраивать различные типы страниц, включая страницы скорого появления, страницы входа, пользовательские страницы корзины WooCommerce и страницы 404.
Вы также можете создать другие целевые страницы, нажав кнопку «Добавить новую целевую страницу», например, страницу благодарности или страницу для регистрации на вебинар.
В данном руководстве мы будем использовать страницу Coming Soon, поскольку это отличное место для добавления таймера обратного отсчета и напоминания вашей аудитории о предстоящем продукте или событии.
После этого вы можете выбрать шаблон для своей целевой страницы. Также есть возможность создать страницу с нуля, используя пустой шаблон.
Однако мы рекомендуем использовать шаблон, так как он экономит время и помогает редактировать дизайн так, как вам нужно.
На следующем экране вы перейдете в конструктор страниц SeedProd на вкладке «Дизайн».
Здесь вы можете настроить целевую страницу, добавляя и удаляя различные разделы, блоки страницы и форматируя макет страницы.
Чтобы добавить таймер обратного отсчета, просто перейдите в раздел Дополнительные блоки страницы из левого меню и поместите блок «Обратный отсчет» в любом месте вашей страницы.
Вы также можете редактировать различные разделы страницы «Скоро открытие». Просто нажмите на раздел, и вы увидите больше опций в левом меню.
Например, вы можете отредактировать текст в поле, изменить его шрифт, цвет или выровнять содержимое.
Когда вы закончите редактировать дизайн вашей целевой страницы, вы можете перейти на вкладку Connect и интегрировать услуги email-маркетинга.
SeedProd поддерживает такие популярные сервисы, как Drip, Constant Contact, SendinBlue, ConvertKit и другие.
После этого перейдите на вкладку Настройки страницы, чтобы опубликовать целевую страницу с таймером обратного отсчета.
В разделе «Общие настройки» вы можете изменить «Статус страницы» с «Черновик» на «Опубликовать», и ваша страница будет опубликована.
Далее вы можете перейти к настройкам ‘Access Control’ на вкладке Page Settings и управлять тем, кто может просматривать вашу целевую страницу.
Эта функция действительно полезна, если вы хотите, чтобы определенные люди обходили страницу «Скоро открытие» и работали над развитием вашего сайта.
SeedProd также позволяет включать и исключать URL-адреса, на которых будет отображаться страница скорого появления. По умолчанию страница будет видна на всем сайте. Однако вы можете изменить его, чтобы он показывался только на главной странице или на определенных URL.
После этого вы можете оптимизировать свою страницу для поисковых систем, перейдя к настройкам SEO.
SeedProd позволяет вам добавить SEO-заголовок, описание, фавикон и миниатюру для социальных сетей.
Если вы хотите добавить фрагменты кода на вашу целевую страницу, перейдите в раздел «Скрипты» в Настройках страницы. Здесь вы можете добавить сценарии в верхний, основной и нижний колонтитулы вашей страницы.
Например, вы можете добавить код отслеживания Google Analytics в «Сценарии заголовка», чтобы увидеть, как люди используют вашу целевую страницу.
Как только вы будете удовлетворены, не забудьте нажать на кнопку Сохранить. Вы также можете предварительно просмотреть свою целевую страницу, чтобы внести любые изменения в ее дизайн.
Далее вам нужно будет перейти в раздел SeedProd » Страницы и измените статус вашей страницы скорого появления на «Активный.’
Вот и все. Ваша целевая страница с таймером обратного отсчета станет активной.
Теперь вы можете посетить свой сайт, чтобы увидеть счетчик скорого появления в действии.
Надеемся, что эта статья помогла вам узнать, как добавить виджет обратного отсчета вех в WordPress. Вы также можете ознакомиться с нашим руководством по проверенным способам заработка в Интернете, ведя блог на WordPress, или с нашим полным руководством по созданию рассылки новостей по электронной почте.
Источник: www.wpbeginner.com