Ghost Countdown Timer: Step-by-Step Setup (2026)

A countdown timer on your Ghost site gives readers a live clock for a sale, launch, or event. Ghost has no built-in countdown, so you add one with WiserNotify, which builds the timer without code.

You paste one pixel into Ghost’s Code Injection, then design the timer in the WiserNotify dashboard. Every step has its own screenshot.

The 7-day free trial gives you time to build the timer and watch it run before you pay.

How to Add a Countdown Timer to Ghost

The pixel is a short script that loads WiserNotify on your pages. The WiserNotify Ghost guide covers the install, and the steps below add the timer.

The video below walks through the widget-building part.

Step 1: Copy Your Pixel Code

• Create a WiserNotify account to begin the 7-day free trial, or sign in to your existing one.
• Go to the Install Pixel page.
• Click Copy Code.

Step 2: Open Ghost Settings

• Log in to your Ghost admin.
• Click the settings icon at the bottom of the left sidebar.

Step 3: Open Code Injection

• In Settings, scroll to the Advanced section.
• Click Code injection.

Step 4: Paste the Pixel and Save

• Paste the pixel code into the Site Header box. Ghost adds Site Header code to every page of your site.
• Click Save in the top right corner.

Step 5: Verify the Install

• Reload your Ghost site once.
• Go back to WiserNotify’s Install Pixel page and click Verify pixel installation.
• A “Pixel Active” message means the pixel is working.

Step 6: Add a New Notification

• Open the Widgets page in WiserNotify, under Notifications.
• Click Add notification to start a new widget.

Step 7: Pick a Countdown Design

• Open the Countdown tab and browse the designs.
• Click Add on the one that fits your brand.
• Name the widget, enter your Ghost URL, and click Create and Customize.

Step 8: Customize the Timer

• Text Editor: write the offer line, such as “Member discount ends in 3 hours”.
• Click Actions: add a button and link it to your offer or sign-up page.
• Position and Animation: set where the timer sits and how it enters.
• Style: tune the colors, size, and shape for desktop and mobile.
• Set Countdown Timer: choose a fixed end date or an evergreen clock. The next sections compare the two.
• Timing Control: add a start and end date, pick the active days, or delay the timer by a few seconds.
• Embed Code and Data Control: leave them as they are for a basic timer.
• Click Next.

Step 9: Set Display and Publish

• In the Display tab, pick all pages or only pages whose URL matches a rule.
• Running more than one site? Choose them under multiple websites.
• Add targeting if you want it: country, UTM parameters, new or returning readers, or referrer.
• Click Save, then Publish.
• Open your Ghost site in a private window to see the timer.
• Every option is listed in the countdown timer widget guide.

Show the Timer on One Post or Page

Ghost’s HTML card only affects the post it sits in, and it needs code. The Site Header pixel loads WiserNotify on every page, and the Display tab decides where the timer appears.

Choose pages where the URL matches a condition, such as contains your post or page slug. Build one timer per campaign, each with its own pages and end time.

Choose a Fixed or Evergreen Timer

Pick fixed for a dated sale, event, or launch. Pick evergreen for a rolling offer, where every reader gets their own clock.

Set Countdown Timer can also redirect readers when the timer ends, or hide days, hours, or minutes. Each setting is described in the countdown timer options guide.

Timer Not Showing Up on Ghost?

• Pixel not saved: click Save in Code Injection after you paste the code.
• Wrong box: the pixel goes in the Site Header box, so move it there if it sits in the Site Footer.
• Pixel not detected: copy the code again with no extra characters, save, reload your site, then click Verify pixel installation.
• Wrong pages: a URL condition that doesn’t match your post or page slug keeps the timer off that page.
• Cache: check your site in a private window after any change.
• Schedule and targeting: a start date in the future, an end date in the past, or a country rule can hide the timer from you.

Need a hand? Use Troubleshoot in your widget list or ask live chat.

When and Where to Use a Countdown Timer

• Member or subscriber discounts on your pricing and sign-up pages.
• Event and webinar pages, so readers register before the doors close.
• Product and course launches, with a fixed timer showing the launch time.
• Black Friday, Christmas, and other seasonal offers on your homepage.
• Newsletter bonuses that expire, such as a free guide for early sign-ups.

On a different platform? Our guide to how to add a countdown timer widget to any website covers it.

Common Mistakes to Avoid

• Pasting the pixel in the wrong box: Site Header is the one that loads on every page.
• Starting without a goal: decide what the timer is for, then write the copy around it.
• Leaving an expired clock up: a timer stuck at zero hurts trust, so switch it off when the offer ends.
• Stacking timers: one well-placed clock beats several competing for attention.
• Skipping phones: check the timer on a small screen, where a desktop layout can feel cramped.
• Vague wording: put a clear call to action beside the clock, such as “Join now”.

How to Measure the Impact

A timer that shows isn’t proof that it works, so check the numbers.

• Views and clicks: the dashboard reports how often readers see the timer and click it.
• Conversion rate: compare a page with the timer to a similar page without one over the same campaign.
• Sign-ups and sales: watch for a lift as the deadline nears.

More Widgets for Your Ghost Site

The same dashboard holds other urgency widgets, including announcement bars, video popups, a WhatsApp button, and multi-offer boxes.

It also has social proof widgets that show reviews, live visitor counts, recently viewed counts, and social media activity.

Conclusion

A countdown timer gives Ghost readers a deadline they can see. One pixel and a short session in the WiserNotify dashboard get one live.

With the pixel verified, every future campaign is a new timer in the dashboard, with no more changes to your Ghost setup.

Related Posts:

• Add a WhatsApp Chat Widget to Ghost
• Add a Countdown Timer to Framer
• Add a Countdown Timer to HubSpot CMS