How to Add Elementor Countdown Timer in Hello Top Bar? (Sale FOMO Banner)

Key Takeaways

  • Countdown widget from The Plus Addons for Elementor allows users to add a countdown timer in the top bar of their Elementor website.
  • Users can select Normal Countdown from the Countdown Setup dropdown to configure the timer.
  • The countdown timer can be edited from the Content Source tab and actions can be set after it ends from the Extra Option tab.
Table Of Content

Do you want to show a countdown timer in the top hello bar? Adding a countdown timer in the top bar can be an effective way to create a sale banner throughout the site with a sense of FOMO (fear of missing out) for visitors.

With the Countdown widget from The Plus Addons for Elementor, you can easily add a countdown timer in the top bar of your Elementor website.

To check the complete feature overview documentation of The Plus Addons for Elementor Countdown widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, create a top bar section in the header template then add the Countdown widget there and follow the steps –

Note: To create the header template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.   

1. Select Normal Countdown from the Countdown Setup dropdown.

2. Select the appropriate style from the Countdown Style section.

3. Then set the appropriate end date and time in the Launch Date field.

You can edit the countdown timer from the Content Source tab.

Then from the Extra Option tab, you can add some actions after the countdown ends and you can also change content after the countdown ends based on CSS class names.

Hello top bar demo 1024x175 1 how to add elementor countdown timer in hello top bar? (sale fomo banner) from the plus addons for elementor

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the countdown timer isn't displaying in the top bar?

If the countdown timer isn't showing, first ensure that The Plus Addons for Elementor is installed and activated. This widget is part of that addon, and without it, the countdown feature won't work. Additionally, check if you've correctly created a top bar section in your header template and added the Countdown widget there.

What are the best styles to choose for the countdown timer?

Selecting the right style for your countdown timer can significantly impact its visibility and effectiveness. The Countdown Style section allows you to choose from various designs. Opt for a style that complements your website's overall aesthetic while ensuring it stands out to capture visitor attention.

What happens when the countdown timer ends?

After the countdown timer ends, you can define actions in the Extra Option tab. This includes changing the content based on CSS class names or triggering specific actions. This feature allows you to engage users even after the countdown has expired, keeping your site dynamic.

Does the countdown timer work with other page builders?

The countdown timer from The Plus Addons for Elementor is specifically designed to work only with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. This ensures that the widget is optimized for Elementor's features and functionality.

What common mistakes should I avoid when setting up the countdown timer?

A common mistake is not setting the correct end date and time for the countdown. This can lead to confusion for visitors if the timer doesn't align with your promotional schedule. Always double-check your settings in the Launch Date field to ensure accuracy.

Last reviewed: April 9, 2026