---
title: "How to Add Elementor Countdown Timer in Hello Top Bar? (Sale FOMO Banner)"
url: https://theplusaddons.com/docs/elementor-countdown-timer-in-hello-top-bar/
date: 2024-01-16
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Add-Elementor-Countdown-Timer-in-Hello-Top-Bar_-Sale-FOMO-Banner-1024x536.jpg
word_count: 245
---

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

## 

- Utilizes the Countdown widget from The Plus Addons for Elementor to add a countdown timer in the top bar.
- Requires installation and activation of The Plus Addons for Elementor to access the Countdown widget features.
- Instructs users to create a top bar section using Nexter Builder or Elementor Pro before adding the Countdown widget.

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](https://theplusaddons.com/docs//countdown-widget-overview-in-elmentor/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-countdown-timer/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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*](https://nexterwp.com/docs/nexter-theme-builder-explained/)* 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.

![](https://theplusaddons.com/wp-content/uploads/2024/07/Hello-top-bar-demo-1024x175-1.png)

Also read, the [5 best WordPress countdown timer plugins.](https://theplusaddons.com/blog/best-wordpress-countdown-timer-plugins/)