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

July 17, 2024

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

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

👉 Plugin Demo | Documentation | Get Pro Version 👈

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.

Features

  • Layout Options: Choose from 4 distinct templates for different presentations.

  • Responsiveness: Responsive for the mobile devices.

  • Element Visibility: Toggle the visibility of labels, days, hours, minutes, and seconds.

  • Wrapper Customization: Configure width, background, padding, and shadow for the countdown wrapper.

  • Boxes Customization: Define background, width, height, border, and shadow settings for the countdown boxes.

  • Content Appearance: Adjust typography and color for the digit and label elements.

  • Separator Customization: Display separators and configure type, size, and color settings.

  • Patterns: Predefined designs for expanding the variety of styles.

Pro Features

  • Expired Display: Show content that has expired after the countdown timer has elapsed.

  • Hide at Zero: Conceal the box when the countdown timer reaches 0.

  • Mobile Visibility: Toggle visibility of the countdown timer on mobile devices.

  • Tablet Visibility: Toggle visibility of the countdown timer on tablet devices.

  • Prefix Text: Display text before the countdown timer.

  • Prefix Style: Implement typography settings and adjust the color for the prefix text.

  • Suffix Button: Show a button after the countdown timer.

  • Suffix Button Style: Apply typography, colors(text and background) and padding for the suffix button.

  • Prefix Suffix Direction: Direction of the content displayed before and after the countdown timer.

  • Single Style: Apply different styles to each box, including variations in background, digit color, and label color.

  • Dismiss Button: Provide a button to dismiss/hide the countdown timer.

  • Patterns: Additional patterns for expanding the variety of countdown styles.

  • Shortcode Integration: Shortcode for flexible use across various locations.

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.
  • Enjoy!

  • For Installation help click on Installation Tab

Feedback

⭐ 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.

🔥 Document Embedder – Best WordPress Document Embedder Plugin.

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

🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

Installation

From 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 countdown-time.zip file and click on Install Now
  4. Activate the plugin and Enjoy!

Manually:

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

Screenshots

  1. Default Layout

    Default Layout

  2. Second Layout

    Second Layout

  3. Third Layout

    Third Layout

  4. Forth Layout

    Forth Layout

  5. Countdown Settings

    Countdown Settings

FAQ

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

Changelog

1.2.4 – 4 Feb 2024

  • Fix activation issue.

1.2.3 – 20 Jan 2024

  • General improvements and optimizations.

1.2.2 – 13 Jan 2024

  • Fix label change issue

1.2.1 – 1 Jan 2024

  • Fix issue

1.2.0 – 27 Dec 2023

  • Performance Improvement

1.1.7

  • Fix the issue.

1.1.6

  • Not load scripts if block is not used.

1.1.5

  • Responsive enable/disable option.

1.1.4

  • Fix free-pro activation conflict.

1.1.3

  • Responsive Fix

1.1.2

  • Add translate feature

1.1.1

  • Fix HTML Render

1.1.0

  • Reduce PHP Code
  • Performance Improvement

1.0.9

  • Fix issue

1.0.8

  • Reduce PHP Code

1.0.7

  • Performance upgrade

1.0.6

  • Performance upgrade

1.0.5

  • Change default colors & performance upgrade

1.0.4

  • Separator CSS fix

1.0.3

  • Update labels in a modern way
  • Separator align fix

1.0.2

  • Fix days count

1.0.1

  • Layout fixing

1.0.0

  • Initial Release

Details

  • Version: 1.2.4
  • Active installations: 1,000
  • WordPress Version: 6.2
  • Tested up to: 6.6.1
  • PHP Version: 7.1

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars