Konstantin Pankratov

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:
<ul>
<li>Designed to be minimal: no unnecessary menu items, just a simple tool under the Tools tab.</li>
<li>Built for the WordPress ecosystem: uses official components for a seamless experience.</li>
<li>Customizable time settings: easily set the target time, date, and time zone.</li>
<li>Flexible units display: choose which units to display – years, months, weeks, days, minutes, seconds.</li>
<li>Styling options: adjust colors, backgrounds, margins, alignment, border radius, and separators to seamlessly match your site’s design.</li>
<li>Optimized performance: the plugin separates editor scripts from front-end scripts, ensuring that only the essential code is loaded on the live site.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Go to Tools > The Countdown Timer to create a new timer.</li>
<li>Customize your timer: set the date, time, appearance, and behavior.</li>
<li>Click Publish to save it.</li>
<li>Copy the shortcode and paste it anywhere – in a post, page, or widget.</li>
</ol>
<h3>Development</h3>
This plugin uses React for its front-end interface. The complete unminified source code is available at:
<ul>
<li>GitHub repository: https://github.com/KonstantinPankratov/WordPress-Plugin-Countdown-Timer</li>
</ul>
To build the plugin from source: 
1. Clone the repository 
2. Run <code>cd react</code> 
3. Run <code>npm install</code> 
4. Run <code>npm run build</code>

The Countdown Timer

The only countdown timer you'll ever need!

Freemius

Abu Hayat

bPlugins

Charles Cormier

👉 <a href="https://bplugins.com/products/countdown-time/" rel="nofollow ugc">Plugin Demo</a> | <a href="https://ctb.bplugins.com/docs/" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/products/countdown-time/pricing/" rel="nofollow ugc">Get Pro Version</a> 👈
Professionally showcase your countdown timer. This plugin adds a new block in the Block Editor by which you can create a professional-looking countdown timer block!
It is very effective in presenting your countdown timer nicely. There are many options that you can use to decorate your countdown timer in any color you like.
<h4>Features</h4>
<ul>
<li>
Layout Options: Choose from 4 distinct templates for different presentations.
</li>
<li>
Responsiveness: Responsive for the mobile devices.
</li>
<li>
Element Visibility: Toggle the visibility of labels, days, hours, minutes, and seconds.
</li>
<li>
Wrapper Customization: Configure width, background, padding, and shadow for the countdown wrapper.
</li>
<li>
Boxes Customization: Define background, width, height, border, and shadow settings for the countdown boxes.
</li>
<li>
Content Appearance: Adjust typography and color for the digit and label elements.
</li>
<li>
Separator Customization: Display separators and configure type, size, and color settings.
</li>
<li>
Patterns: Predefined designs for expanding the variety of styles.
</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>
Expired Display: Show content that has expired after the countdown timer has elapsed.
</li>
<li>
Hide at Zero: Conceal the box when the countdown timer reaches 0.
</li>
<li>
Mobile Visibility: Toggle visibility of the countdown timer on mobile devices.
</li>
<li>
Tablet Visibility: Toggle visibility of the countdown timer on tablet devices.
</li>
<li>
Prefix Text: Display text before the countdown timer.
</li>
<li>
Prefix Style: Implement typography settings and adjust the color for the prefix text.
</li>
<li>
Suffix Button: Show a button after the countdown timer.
</li>
<li>
Suffix Button Style: Apply typography, colors(text and background) and padding for the suffix button.
</li>
<li>
Prefix Suffix Direction: Direction of the content displayed before and after the countdown timer.
</li>
<li>
Single Style: Apply different styles to each box, including variations in background, digit color, and label color.
</li>
<li>
Dismiss Button: Provide a button to dismiss/hide the countdown timer.
</li>
<li>
Patterns: Additional patterns for expanding the variety of countdown styles.
</li>
<li>
Shortcode Integration: Shortcode for flexible use across various locations.
</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Countdown Timer plugin</li>
<li>Add the Countdown Timer block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For Installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Countdown Timer Block – Animated Countdown for Events or Launches

Display your event's date on a timer to your visitor with a countdown timer block

The Countdown Timer vs Countdown Timer Block – Animated Countdown for Events or Launches