Таймери зворотного відліку бувають корисними, якщо ви запускаєте невдовзі новий продукт чи послугу на своєму сайті та хочете привернути увагу відвідувачів. Таким чином, відвідувач завжди буде в курсі, скільки днів або годин залишилося до запуску.
Для WordPress є багато Coming Soon плагінів, до складу яких зазвичай входить і таймер зворотного відліку. Але всі ці плагіни досить громіздкі і часто не безкоштовні.
Але якщо вам потрібен просто окремий плагін для таймера зворотного відліку і бажано безкоштовний? Ми порилися в інтернеті і знайшли один слушний варіант.
У цьому уроці ми покажемо як встановити та налаштувати безкоштовний плагін T Countdown для зворотного відліку часу WordPress.
Дивіться також:
- Створюємо віджет із таймером зворотного відліку для WordPress
- 20 відмінних Coming Soon тем WordPress для сайту-заглушки або запуску нового проекту
- Як створити сторінку 'Coming Soon' напередодні запуску WordPress сайту
- Стартова сторінка-заглушка за допомогою безкоштовного WordPress плагіна Coming Soon CC
- Fancy Coming Soon - плагін-заглушка для режиму обслуговування WordPress сайту
Плагін T Countdown
Знайти безкоштовний плагін зворотного відліку на WordPress виявилося не таким простим завданням. Більшість плагінів або мали погані відгуки, або оновлювалися роками.
Але ми випадково натрапили на T Countdown і вирішили його розглянути, бо він відповідає нашим критеріям:
- Він безкоштовний
- Не вимагає реєстрації та створення облікового запису
- Непоганий рейтинг 4,5 зірок
- Більше 20,000+ активних установок
- Використовує CSS для анімації замість Flash
Єдиним недоліком вважатимуться досить нудний набір вбудованих шаблонів відображення таймера. Але це легко можна підправити на свій смак, якщо ви трохи знаєтеся на CSS.
Налаштування плагіна
Після встановлення та активації плагіна перейдіть в меню Налаштування → T(-) Countdown.
Тут потрібно відзначити галочкою опцію Enable Rockstar Features, за її допомогою ви отримаєте можливість налаштовувати плагін гнучкіше для віджетів бічної панелі.
Всі інші параметри зовнішнього вигляду покладаються на CSS.
Відображення таймера
Ви можете розмістити свій таймер в області віджету або запису/сторінці за допомогою шорткоду.
1. Через віджет
Почнемо з віджету. Перейдіть до меню Зовнішній вигляд → Віджети та перетягніть на бічну панель віджет T(-) Countdown:
Під час налаштування віджету заповніть такі дані:
- Title - заголовок таймера
- Target - дата та час закінчення роботи таймера
- Style — Виберіть шаблон оформлення таймера
Повинно виглядати приблизно так:
Тепер ви можете заповнити поля Rockstar Features. Ви можете додати HTML код, який відображатиметься над та під таймером.
Також передбачено окреме поле для HTML коду, який виконуватиметься, коли таймер закінчить свій зворотний відлік і зупиниться.
2. Через шорткод
Якщо ви хочете вставити таймер всередині запису або сторінки WordPress, тоді потрібно використовувати шорткод.
На жаль, розробники не включили до плагіна майстер генерації шорткодів, але вони наводять докладну онлайн документацію на сайті, де можна самому розібратися.
Базовий шорткод виглядає так:
[tminus t= “DD-MM-YYYY HH:MM:SS”] HTML код для виконання після закінчення роботи таймера [/tminus]Наприклад, шорткод
[tminus t= “12-05-2017 01:01:01″ style=”Джедай”] Цей countdown has expired. [/tminus]виглядатиме на сайті ось так:
А після закінчення часу замість таймера відобразиться HTML код, який ви вказали всередині шорткоду:
Інші варіанти таймера зворотного відліку для WordPress
Окрім безкоштовного таймера зворотного відліку, який ми розглянули, є ще кілька непоганих плагінів.
Waiting: One-click countdowns
Також безкоштовний плагін з каталогу WordPress. Але набір можливостей скромніший, як і показники рейтингу та кількості установок.
Elementor Pro
Це будівельник сторінок для WordPress, у якого є безкоштовна стандартна версія та розширена Pro версія. На жаль, таймери зворотного відліку доступні лише у платній Pro версії.
Процвітати ультиматум
Це професійне рішення. Це не просто плагін таймера зворотного відліку, це можливість будувати цілі маркетингові кампанії. Якщо ви хочете отримати максимум від таймера зворотного відліку з різними функціями, шаблонами та стилями, зверніть увагу на Thrive Ultimatum. Єдиний недолік – ціна ліцензії стартує від $97 на один сайт.
Підсумки
Якщо вам потрібний непоганий безкоштовний таймер зворотного відліку для WordPress, використовуйте плагін T(-) Countdown, який ми докладно розглянули. Тільки врахуйте, що для детального налаштування зовнішнього вигляду та припасування під вашу тему оформлення, швидше за все, доведеться покопатися в CSS.
Коментарі до запису: 4
ще лічильник є у безкоштовній версії плагіна page builder by motopress. візуальна стилізація та інше.
Підкажіть, мені потрібен плагін, який буде рахувати скільки пройшов час від заданої дати, є щось таке?
Що таке WordPress і навіщо воно потрібне?
Рекомендуємо почитати нашу посаду https://hostenko.com/wpcafe/tutorials/chto-takoe-wordpress/