Countdown Timer Block

Show visitors exactly how long they have left – add a professional countdown timer to any post or page and turn deadlines into action.

Countdown Timer Block | Documentation | Pricing

Why Countdown Timer Block?

Nothing motivates visitors like a ticking clock. Countdown Timer Block adds a dedicated block to the WordPress Block Editor so you can create a professional-looking countdown for your event, sale, or launch in minutes – no code required.

Choose from four distinct layouts, toggle days, hours, minutes, and seconds on or off, and style every part of the timer – wrapper, boxes, digits, labels, and separators – to match your brand. Predefined patterns give you ready-made designs, and the timer stays fully responsive on mobile devices.

Free Features

• Layout Options: Choose from 4 distinct templates for different presentations.
• Responsive: Looks great on mobile devices out of the box.
• 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 Version

Upgrade to Countdown Timer Pro for advanced behavior and styling controls:

• Expired Display: Show custom content after the countdown has elapsed.
• Hide at Zero: Conceal the box when the countdown timer reaches 0.
• Mobile & Tablet Visibility: Toggle the timer’s visibility per device.
• Prefix Text & Style: Display styled text before the countdown timer.
• Suffix Button & Style: Show a button after the timer with typography, color, and padding controls.
• Prefix/Suffix Direction: Control the layout flow of content before and after the timer.
• Single Style: Style each box individually – background, digit color, and label color.
• Dismiss Button: Let visitors hide the countdown manually.
• Extra Patterns: Additional predefined countdown designs.
• Shortcode Integration: Use the countdown anywhere via shortcode.

How to Use – Quick Start

1. Install and activate the Countdown Timer plugin.
2. Add the Countdown Timer block from the “Widgets” block category in the Gutenberg editor.
3. Set your target date and adjust the design from the right-side settings sidebar.
4. Publish – your countdown is live!

Use Cases

• Sales & Promotions: Count down to the end of a discount to create urgency.
• Product Launches: Build anticipation before a new product or website goes live.
• Events & Webinars: Show visitors exactly when your event starts.
• Limited-Time Offers: Pair the timer with a call-to-action button (Pro suffix button).

Feedback

Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us

Read the full description on the official page →