JO Countdown Plugin is a powerful and flexible Joomla content plugin that allows you to embed countdown timers anywhere on your website using simple shortcodes. Whether you're running an event, promoting a product launch, or creating urgency for a special offer, this plugin provides an effortless way to add engaging countdown timers directly into your articles, modules, or custom fields. With multiple styles, dynamic customization options, and responsive design, JO Countdown Plugin delivers a seamless user experience across all devices.
Key Features:
â
Shortcode Integration: Easily embed countdown timers using the simple [jocountdown] shortcode directly in your content.
â
Multiple Countdown Styles: Choose from various visually appealing styles, including Plain Text, Flip, Odometer, and Circle designs.
â
Highly Customizable Per Instance: Adjust font size, text color, background color, and circle color for each individual countdown timer using shortcode attributes.
â
Flexible Target Date & Time: Set a specific target date and time for each countdown timer with simple date format YYYY-MM-DD HH:MM:SS.
â
Custom Finish Message: Display a personalized message when the countdown reaches zero, such as "The event has started!" or any custom text.
â
Pretext & Posttext: Add custom text before and after the countdown timer to provide context or calls-to-action.
â
Redirect URL on Finish: Automatically redirect users to a specified URL once the countdown ends, perfect for landing pages or event streams.
â
Global Default Settings: Configure default styles, colors, and behavior in the plugin settings for consistent branding across all countdowns.
â
Independent Operation: Works completely independently without requiring the JO Countdown module - perfect for users who only need shortcode functionality.
â
Multilingual Support: Fully translatable with language strings for day, hour, minute, and second labels (singular and plural forms).
Frontend Demo:
Shortcode Examples
[jocountdown end="2025-12-25 00:00:00"]
[jocountdown style="circle" end="2025-12-25 00:00:00" circle_color="#ff0000" text_color="#ffffff"]
[jocountdown style="odometer" end="2025-12-25 00:00:00" font_size="2em" text_color="#ff0000" bg_color="#000000" finish_message="Merry Christmas!" redirect_url="https://example.com/christmas" pretext="Countdown to Christmas:" posttext="Don't miss the celebration!"]
[jocountdown end="2025-12-25 00:00:00" redirect_url=""]
Available Shortcode Attributes
| Attribute | Description | Example |
|---|---|---|
end |
Required - Target date and time | 2025-12-25 00:00:00 |
style |
Countdown style (text, flip, odometer, circle) | style="circle" |
font_size |
Font size (CSS value) | font_size="2em" |
text_color |
Text color (hex code) | text_color="#ff0000" |
bg_color |
Background color (hex code) | bg_color="#000000" |
circle_color |
Circle progress color (hex code) | circle_color="#00ff00" |
finish_message |
Message displayed when countdown ends | finish_message="Time's up!" |
redirect_url |
URL to redirect after countdown ends | redirect_url="https://example.com" |
pretext |
Text displayed before the countdown | pretext="Sale ends in:" |
posttext |
Text displayed after the countdown | posttext="Shop now!" |
Language Override Constants
To customize the time unit labels, create a Language Override in Joomla for the following constants:
PLG_JOCOUNTDOWN_DAY= "Day"PLG_JOCOUNTDOWN_DAYS= "Days"PLG_JOCOUNTDOWN_HOUR= "Hour"PLG_JOCOUNTDOWN_HOURS= "Hours"PLG_JOCOUNTDOWN_MINUTE= "Minute"PLG_JOCOUNTDOWN_MINUTES= "Minutes"PLG_JOCOUNTDOWN_SECOND= "Second"PLG_JOCOUNTDOWN_SECONDS= "Seconds"
When to Use the Plugin vs Module
đĻ Use the Module when:
- You have 1-2 pages with different countdowns
- You want to display the same countdown across multiple module positions
- You prefer managing countdowns through Joomla's module manager interface
⥠Use the Plugin when:
- You have 100+ pages with unique countdowns for every page (e.g., hot sale offers, product-specific deals)
- You need to embed countdowns directly inside article content
- You're building dynamic pages where each product/event needs its own countdown
- You want to avoid creating hundreds of module instances
- You need a scalable solution for large e-commerce or multi-event websites
Real-World Use Cases
Display unique countdowns for hundreds of product-specific flash sales. Each product page shows its own countdown timer without creating separate modules. Perfect for WooCommerce, HikaShop, VirtueMart, or any Joomla e-commerce solution.
Manage countdowns for hundreds of upcoming webinars, workshops, or conferences. Each event listing has its own countdown timer. No need to create and manage hundreds of module instances.
Show personalized countdowns for membership expiry dates. Display time remaining for each user's subscription tier.
Countdown to course enrollment deadlines. Show time remaining for exam submissions or assignment deadlines.
