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

 
 

Вы хотите добавить обратный отсчет вех в WordPress?

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

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

Когда и зачем использовать виджет обратного отсчета вех?

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

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

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

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

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

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

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

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

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

Способ 1: Добавление виджета обратного отсчета вехи С помощью плагина Ultimate Таймера обратного отсчета

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

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

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

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

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

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

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

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

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

Следует иметь в виду, что плагин, к сожалению, не настраивает метку для множественного или единственного числа, поэтому, например, он будет говорить “1 час” вместо “1 час”.

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

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

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

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

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

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

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

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

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

Способ 2. Добавление виджета обратного отсчета вехи с помощью OptinMonster

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

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

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

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

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

Сначала вам нужно посетить веб-сайт OptinMonster и зарегистрироваться на план, соответствующий вашим потребностям.

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

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

После активации вам нужно будет перейти в настройки OptinMonster » в меню администратора WordPress и подключить свою учетную запись.

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

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

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

После подключения вы можете начать создавать новую кампанию с панели управления OptinMonster. Просто перейдите в раздел » Кампании OptinMonster "и нажмите кнопку" Создать свою первую кампанию".

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

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

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

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

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

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

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

Затем вы можете создать новую целевую страницу, перейдя на страницы » SeedProd".

SeedProd позволяет настраивать различные типы страниц, включая страницы "Скоро", страницы входа в систему, пользовательские страницы корзины WooCommerce и 404 страницы.

Вы также можете создать другие целевые страницы, нажав кнопку "Добавить новую целевую страницу", например, "Спасибо" или страницу для регистрации на вебинар.

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

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

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

На следующем экране вы перейдете в конструктор страниц для перетаскивания SeedProd на вкладке "Дизайн".

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

Чтобы добавить таймер обратного отсчета, просто перейдите в раздел "Дополнительные блоки страниц" в меню слева и поместите блок "Обратный отсчет" в любом месте вашей страницы.

Вы также можете редактировать различные разделы своей страницы "Скоро". Просто нажмите на раздел, и вы увидите больше опций в левом меню.

Например, вы можете отредактировать текст в поле, изменить его шрифт, цвет или выровнять содержимое.

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

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

В общих настройках вы можете изменить "Статус страницы" с Черновика на Публикацию, и ваша страница будет живой.

Затем вы можете перейти к настройкам "Контроль доступа" на вкладке "Настройки страницы" и управлять тем, кто может просматривать вашу целевую страницу.

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

SeedProd также позволяет включать и исключать URL-адреса, на которых будет отображаться страница "Скоро". По умолчанию страница будет видна на всем веб-сайте. Однако вы можете изменить его, чтобы он отображался только на главной странице или по определенным URL-адресам.

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

SeedProd позволяет добавить SEO-заголовок, описание, значок и миниатюру в социальных сетях.

Если вы хотите добавить фрагменты кода на свою целевую страницу, перейдите в раздел "Сценарии" в Настройках страницы. Здесь вы можете добавить сценарии в верхний, основной и нижний колонтитулы своей страницы.

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

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

Затем вам нужно будет перейти на страницы » SeedProd "и изменить статус вашей страницы" Скоро’на "Активный".

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

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

Делитесь нашими материалами с друзьями!

 

 

Заказать разработку сайта

3D-печать5GABC-анализAndroidAppleAppStoreAsusCall-центрDellDrupalFacebookFMCGGoogleHuaweiInstagramiPhoneLinkedInLinuxMagentoMicrosoftNvidiaOpenCartPlayStationPOS материалPPC-специалистRuTubeSamsungSEO-услугиSMMSnapchatSonyStarlinkTikTokTwitterUbuntuUp-saleViasatVPNWhatsAppWindowsWordPressXiaomiYouTubeZoomАвдеевкаАктивные продажиАкцияАлександровск ЛНРАлмазнаяАлчевскАмвросиевкаАнализ конкурентовАнализ продажАнтимерчандайзингАнтрацитАртемовскАртемовск ЛНРАссортиментная политикаБелгородБелицкоеБелозерскоеБердянскБизнес-идеи (стартапы)БрендБрянкаБукингВахрушевоВендорВикипедияВирусная рекламаВирусный маркетингВладивостокВнутренние продажиВнутренний маркетингВолгоградВолновахаВоронежГорловкаГорнякГорскоеДебальцевоДебиторкаДебиторская задолженностьДезинтермедитацияДзержинскДивизионная система управленияДизайнДимитровДирект-маркетингДисконтДистрибьюторДистрибьюцияДобропольеДокучаевскДружковкаЕкатеринбургЕнакиевоЖдановкаЗапорожьеЗимогорьеЗолотоеЗоринскЗугрэсИжевскИловайскИрминоКазаньКалининградКировскКировскоеКомсомольскоеКонстантиновкаКонтент-маркетингКонтент-планКопирайтингКраматорскКрасноармейскКрасногоровкаКраснодарКраснодонКраснопартизанскКрасный ЛиманКрасный ЛучКременнаяКураховоКурскЛисичанскЛуганскЛутугиноМакеевкаМариупольМаркетингМаркетинговая информацияМаркетинговые исследованияМаркетинговый каналМаркетинг услугМаркетологМарьинкаМедиаМелекиноМелитопольМенеджментМерчандайзерМерчандайзингМиусинскМолодогвардейскМоскваМоспиноНижний НовгородНиколаевНиколаевкаНишевой маркетингНовоазовскНовогродовкаНоводружескНовосибирскНумерическая дистрибьюцияОдессаОмскОтдел маркетингаПартизанский маркетингПервомайскПеревальскПетровскоеПопаснаяПравило ПаретоПривольеПрогнозирование продажПродвижение сайтов в ДонецкеПромоПромоушнПрямой маркетингРабота для маркетологаРабота для студентаРаспродажаРегиональные продажиРекламаРеклама на асфальтеРемаркетингРетро-бонусРибейтРитейлРовенькиРодинскоеРостов-на-ДонуРубежноеСамараСанкт-ПетербургСаратовСватовоСвердловскСветлодарскСвятогорскСевастопольСеверодонецкСеверскСедовоСейлз промоушнСелидовоСимферопольСинергияСколковоСлавянскСнежноеСоздание сайтов в ДонецкеСоледарСоциальные сетиСочиСтаробельскСтаробешевоСтахановСтимулирование сбытаСуходольскСчастьеТелемаркетингТельмановоТираспольТорговый представительТорезТрейд маркетингТрейд промоушнТюменьУглегорскУгледарУкраинскХабаровскХарцызскХерсонХостингЦелевая аудиторияЧасов ЯрЧелябинскШахтерскЮжно-СахалинскЮнокоммунаровскЯндексЯсиноватая