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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Похожие записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *