Countdown Timer block – Display the event's date into a timer.


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.



  • Fully Customizable: All the options you need to arrange the showcase to your liking are available here.
  • Different Templates: This block comes with different templates, you can easily change the templates.
  • Elements settings: Change the elements settings such as show hide days, hours, minutes, and seconds. Also, change the labels of them.

Pro functies

  • Expired: Show expire content after the countdown expired.

  • Hide on 0: Hide box that reaches 0.

  • Hide on Mobile: Hide countdown timer in mobile view.

  • Hide on Tablet: Hide countdown timer in tablet view.

  • Prefix Text: Show prefix text before the countdown timer.

  • Suffix Button: Show suffix button after countdown timer.

  • Prefix Suffix Direction: Prefix Suffix Content direction.

  • Single Style: All timer unit box single style.

  • Dismiss Button: Dismiss button to hide the countdown.

How to use

  • First, install the Countdown Timer plugin
  • Add the Countdown Timer block from the block category called “Widgets” in the Gutenberg editor.
  • You can change block settings from the right-side settings sidebar.
  • Geniet!

  • For Installation help click on Installation Tab


⭐ Check out the Parent Plugin of this plugin-

🔥 b Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress.

🔥 3D Viewer – Display interactive 3D models on the webs.


  • Standaard lay-out
  • Tweede lay-out
  • Derde lay-out
  • Vierde lay-out
  • Countdown Settings


Deze plugin voorziet 1 blok.

  • Countdown Time Display events date into a timer.


Vanuit Gutenberg editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For Countdown Timer
  3. Click on the Countdown Timer block to add the block

Download & Upload:

  1. Download the Countdown Timer plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the file and click on Install Now
  4. Activeer de plugin en geniet!


  1. Download and upload the Countdown Timer plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress


Is the Countdown Timer Block free?

Yes, Countdown Timer Block is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here


15 november 2022
this countdown should have a little more info and customization with its free version, but I also saw no such things in the pro version. the info and customization I just mentioned are below: 1- putting more info beside the countdown would have been better. 2- Countdown boxes should have more options like putting them in horizontal or vertical order.
Lees alle 2 beoordelingen

Bijdragers & ontwikkelaars

“Countdown Timer block – Display the event's date into a timer.” is open source software. De volgende personen hebben bijgedragen aan deze plugin.


“Countdown Timer block – Display the event's date into a timer.” is vertaald in 2 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Countdown Timer block – Display the event's date into a timer.” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.



  • Een probleem opgelost.


  • Not load scripts if block is not used.


  • Responsive enable/disable option.


  • Fix free-pro activation conflict.


  • Responsive probleem opgelost


  • Add translate feature


  • Fix HTML Render


  • Reduce PHP Code
  • Performance Improvement


  • Fix issue


  • Reduce PHP Code


  • Performance upgrade


  • Performance upgrade


  • Change default colors & performance upgrade


  • Separator CSS fix


  • Update labels in a modern way
  • Separator align fix


  • Dagen telling opgelost


  • Lay-out opgelost


  • Initial Release