Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

The Countdown Timer Wordpress Plugin - Rating, Reviews, Demo & Download

The Countdown Timer Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

The Countdown Timer offers a user-friendly countdown block that lets you quickly set up a timer for events, product launches, special offers, and more.

Its main features include:

  • Designed to be minimal: no unnecessary menu items, just a simple tool under the Tools tab.
  • Built for the WordPress ecosystem: uses official components for a seamless experience.
  • Customizable time settings: easily set the target time, date, and time zone.
  • Flexible units display: choose which units to display – years, months, weeks, days, minutes, seconds.
  • Styling options: adjust colors, backgrounds, margins, alignment, border radius, and separators to seamlessly match your site’s design.
  • Optimized performance: the plugin separates editor scripts from front-end scripts, ensuring that only the essential code is loaded on the live site.

Usage

  1. Go to Tools > The Countdown Timer to create a new timer.
  2. Customize your timer: set the date, time, appearance, and behavior.
  3. Click Publish to save it.
  4. Copy the shortcode and paste it anywhere – in a post, page, or widget.

Development

This plugin uses React for its front-end interface. The complete unminified source code is available at:

  • GitHub repository: https://github.com/KonstantinPankratov/WordPress-Plugin-Countdown-Timer

To build the plugin from source:
1. Clone the repository
2. Run cd react
3. Run npm install
4. Run npm run build

Screenshots

  1. <strong>Set date, time, and timezone</strong> – Easily configure the countdown target time.

    Set date, time, and timezone – Easily configure the countdown target time.

  2. <strong>Customize number appearance</strong> – Adjust font styles, sizes, and colors for numbers.

    Customize number appearance – Adjust font styles, sizes, and colors for numbers.

  3. <strong>Control unit display</strong> – Choose which time units (years, months, days, etc.) to show.

    Control unit display – Choose which time units (years, months, days, etc.) to show.

  4. <strong>Modify separators</strong> – Customize how the countdown sections are visually divided.

    Modify separators – Customize how the countdown sections are visually divided.

  5. <strong>Style countdown blocks</strong> – Fine-tune padding, background, borders, and alignment.

    Style countdown blocks – Fine-tune padding, background, borders, and alignment.

  6. <strong>Set post-expiration display</strong> – Define what happens when the countdown reaches zero.

    Set post-expiration display – Define what happens when the countdown reaches zero.


Reviews & Comments