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

таймер обратного отсчета в wp


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

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

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

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

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

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

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

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

  1. Добавление таймера обратного отсчета с OptinMonster
  2. Добавление таймера обратного отсчета с SeedProd

Метод 1: Добавление таймера обратного отсчета с OptinMonster

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

optinmonster-всплывающие окна

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

Прочитайте наш обзор на OptinMonster и узнайте больше об этом.

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

Шаг 1. Подключение приложения OptinMonster с помощью плагина

Следует отметить, что плагин действует как соединитель между вашим сайтом WordPress и приложением. Идти вперед и установить Плагин OptinMonster на Вашем сайте.

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

  • Получить OptinMonster
  • Подключитесь к своей учетной записи OptinMonster

Если вы не создали аккаунт с OptinMonster уже затем нажмите на 1-й вариант, чтобы сделать это. Если вы уже настроили учетную запись, перейдите ко второму варианту. Вы увидите вариант, который говорит Авторизовать OptinMonster. Нажмите здесь.

разрешить optinmonster

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

Шаг 2: Создание таймера обратного отсчета с OptinMonster

Теперь пришло время начать создавать виджет таймера обратного отсчета. Итак, во-первых, вам нужно перейти на панель инструментов WordPress и нажать на OptinMonster »Кампании» Создание новых кампаний.

optinmonster кампании

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

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

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

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

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

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

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

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

Далее перейдите к Правила отображения вкладка, где вы можете решить, где и когда показывать кампанию.

optinmonster, входные ворота, входные ворота wp, создание списка

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

Шаг 2. Публикация таймера обратного отсчета

Как только все настройки будут выполнены, нажмите Сохранить кнопка. Теперь в верхней части экрана вы увидите Да нет вариант. Нажмите на нее и нажмите Активировать сейчас кнопка.

Далее перейдите к Публиковать Вкладка. Чтобы опубликовать кампанию, убедитесь, что статус Жить.

optinmonster, входные ворота, входные ворота wp, создание списка

Теперь перейдите на панель инструментов WordPress и нажмите на Изменить настройки вывода.

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

optinmonster, входные ворота, входные ворота wp, создание списка

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

Метод 2: Добавление таймера обратного отсчета с SeedProd

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

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

SeedProd

Давайте посмотрим, как шаг за шагом добавить таймер обратного отсчета с SeedProd.

Шаг 1: Установка SeedProd

Первым шагом является установка SeedProd плагин на вашем сайте WordPress.

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

После проверки лицензионного ключа перейдите на SeedProd »Настройки. Теперь у вас будет следующее окно на вашем экране.

обзор seedprod - включите в ближайшее время страницу

Здесь нажмите на Включить страницу скоро вариант с последующим Редактировать Скоро / Страница обслуживания. Теперь у вас есть несколько тем на экране. Итак, выберите тему, которая вам больше всего нравится.

SeedProd скоро темы

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

Шаг 2: Создание таймера обратного отсчета

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

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

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

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

Шаг 3: Публикация таймера обратного отсчета

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

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

обзор seedprod - включите в ближайшее время страницу

Вот как ваша страница будет выглядеть для ваших посетителей.

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

Это оно!

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me