---
title: "How to Add WordPress Countdown Timer in Hello Top Bar? (Sale FOMO Banner)"
url: https://nexterwp.com/docs/add-wordpress-countdown-timer-in-hello-top-bar-sale-fomo-banner/
date: 2024-12-09
modified: 2026-04-14
author: "Aditya Sharma"
description: "Want to display a countdown timer in the top hello bar? Adding one can be a powerful way to create a sale banner across your site, encouraging a sense of..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-WordPress-Countdown-Timer-in-Hello-Top-Bar_-Sale-FOMO-Banner-1024x519.jpg
word_count: 185
---

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

## Key Takeaways

- Nexter Blocks Countdown block adds a countdown timer in the top bar of a WordPress website for a sale banner and FOMO effect.
- Nexter Builder creates the header template needed to place the top bar section before adding the Countdown block.
- Countdown Setup uses Normal, Countdown Style selects a style, and Time and Date fields set the end date and time; Action After Countdown Ending adds actions after the timer ends.

Want to display a countdown timer in the top hello bar? Adding one can be a powerful way to create a sale banner across your site, encouraging a sense of FOMO (fear of missing out) among visitors.

With the Countdown block from Nexter Blocks, you can easily add a countdown timer in the top bar of your WordPress website.

*To check the complete feature overview documentation of the Nexter Blocks Countdown block,* *[click here](https://nexterwp.com/docs/add-a-countdown-timer-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-countdown-timer/)

To do this, create a top bar section in the header template then add the Countdown block 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/)*.* 

1. Select **Normal **from the **Countdown Setup** section.

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

3. Then set the appropriate end date and time in the **Time** and** Date** fields.

Then from the **Action After Countdown Ending** tab, you can add some actions after the countdown ends.

![](https://nexterwp.com/wp-content/uploads/2024/12/countdown-options-layout-demo.png)