How to Add a Countdown Timer to WordPress (No Plugin Required)

WordPress powers a huge share of the web, but adding a countdown timer to it is often more painful than it should be. Most tutorials tell you to install yet another plugin - which means more code to load, another thing to keep updated, and another potential security risk. The good news is you don't need one. Because Rija generates a self-contained embed snippet, you can drop a fully designed countdown timer into any WordPress page, post, sidebar or footer using the tools already built into WordPress. Below we cover four reliable methods, from the modern Block editor to page builders like Elementor.

Why add a countdown timer to WordPress?

Countdown timers work because they make a deadline feel real. When a visitor can see the exact hours, minutes and seconds left on a discount or a webinar, the decision to act now rather than "later" becomes far easier. On WordPress specifically, timers are popular for flash sales and coupon expiry, product and course launches, event and webinar registration, pre-order and waitlist deadlines, and seasonal promotions like Black Friday or end-of-year offers. A well-placed timer near your call-to-action button can measurably lift conversions - and because it runs in the visitor's browser, every person sees an accurate, real-time countdown in their own timezone.

What you'll need

Just two things: a WordPress site you can edit, and a timer created in Rija.io. Head to Rija, design your countdown - set the end date and timezone, choose your fonts, colours, background and (on Pro) a logo or video background - then click Publish. You'll be given an embed snippet that looks like a single line of code. Copy it; that's the only thing you'll paste into WordPress.

Method 1: The Block editor (Gutenberg)

This is the recommended approach for modern WordPress sites. Open the page or post where you want the timer and click the + button to add a new block. Search for Custom HTML and select it. Paste your Rija.io embed snippet directly into the block. You can click Preview to confirm the countdown renders, then Update or Publish the page. The timer will appear exactly where you placed the block, and you can drag it above or below any other content. Because the Custom HTML block outputs your snippet verbatim, the timer keeps the design you built - WordPress won't strip or restyle it.

Method 2: The Classic editor

If your site still uses the Classic editor, the process is just as quick. While editing a post or page, switch from the Visual tab to the Text tab (this shows the raw HTML). Paste the embed snippet at the point where you want the timer to appear, then switch back and update the page. Avoid pasting into the Visual tab, as it can escape the code and prevent the timer from loading.

Method 3: Widgets (sidebar & footer)

To show the same countdown across many pages - for example a sitewide sale banner - use a widget area. Go to Appearance → Widgets, add a Custom HTML widget to your sidebar or footer, and paste the snippet. Every page that displays that widget area will now show the live timer, which is perfect for storewide promotions where you don't want to edit each page individually.

Method 4: Page builders (Elementor, Divi, Beaver Builder)

Page builders make placement even more flexible. In Elementor, drag an HTML widget onto the canvas and paste your snippet. In Divi, use a Code module; in Beaver Builder, an HTML module. Because the timer is just an embed, it inherits the column and section settings of your builder, so you can centre it, add padding, or place it side-by-side with a button. See our dedicated Elementor countdown timer guide for a deeper walkthrough.

Customising and styling your timer

All of the visual design happens inside Rija.io, not in WordPress - which keeps your theme clean. You can choose from over 1,000 Google Fonts, set digit and label colours, add solid, gradient, image or video backgrounds, apply tick animations to the numerals, upload a logo, and even pick a custom pixel size for banners. If you need to change the timer later, simply edit it in your Rija.io dashboard and re-publish; you won't need to touch your WordPress page again as long as you used the same timer.

Troubleshooting common issues

If the timer doesn't appear, the usual cause is pasting the snippet into the Visual editor instead of the Text/HTML view - re-paste it into a Custom HTML block. If a caching or security plugin is stripping scripts, add an exception for the embed or clear your cache after publishing. And if the time looks wrong, double-check the timezone you selected when creating the timer; Rija.io shows an accurate countdown to your chosen end moment for every visitor, wherever they are.