Skip to main content
Free Widget How It Works Shop

Platform guide

Wedding Countdown Widget for WordPress

Updated · 4-minute read

To add a wedding countdown to WordPress, generate a free iframe on WeddingTimer.com, then paste it into a Custom HTML block in the Gutenberg editor. The block is built into WordPress — no plugin install, no PHP edit, no theme change. The timer is live in under five minutes.

This guide works on both self-hosted WordPress and WordPress.com. If you have not picked a builder yet, our general embed guide covers six popular platforms.

Why use an iframe instead of a WordPress plugin?

The WordPress plugin directory lists dozens of countdown timers — Countdown Timer, Countdown Time, OptinMonster, and more. They all work. The catch is one more plugin to maintain: every WordPress core update is a moment where an outdated plugin can break your site, and every security audit needs to cover it.

A pure iframe widget like WeddingTimer removes that surface entirely. The timer runs inside the iframe, not inside WordPress. It has no PHP, no database row, no admin page, no update button. If WeddingTimer disappears tomorrow, your wedding site still loads — guests just see a blank rectangle where the timer was.

On the design side, an iframe also gives you layouts and typography that the typical free plugin does not — Classic, Progress, Ring, and Minimal with custom Google Fonts.

What you'll need

Step-by-step: add WeddingTimer to WordPress

  1. Generate the iframe. Visit WeddingTimer.com, pick a layout, choose colors and typography, and click Copy Code. The snippet is a single line of iframe HTML.
  2. Edit the page. Open the WordPress admin, go to Pages → Edit on the page where you want the countdown — usually the home or the Wedding page.
  3. Add a Custom HTML block. Click the + button at the top-left of the editor, search for Custom HTML, and drop the block where the countdown should sit.
  4. Paste the iframe. Paste the entire iframe HTML — including the opening <iframe and closing </iframe> tags — into the Custom HTML block. Click Preview to confirm the timer is ticking.
  5. Update or Publish. Click Update (existing page) or Publish (new page). Your countdown is live on your WordPress wedding site for every visitor.

For page builders (Elementor, Divi, Beaver, Bricks)

If you build your wedding site with a page builder instead of the stock Gutenberg editor, every major builder ships an HTML or Embed widget that accepts the same iframe tag. In Elementor, drag an HTML widget onto the canvas and paste. In Divi, use the Code module. In Beaver Builder, the HTML module works too. The output is identical to the Custom HTML block path above.

Tip: If your host has a strict security plugin that strips iframes (Wordfence, Sucuri, iThemes Security), whitelist weddingtimer.com in the plugin's allowlist. Otherwise the iframe will be silently removed on save.

FAQ

Do I need a plugin?

No. A free Custom HTML block is built into both the Gutenberg editor and WordPress.com. Pasting the WeddingTimer iframe into that block is enough — no plugin install, no PHP edit, no theme change.

Does this work on WordPress.com or only self-hosted?

Both. The Custom HTML block accepts iframes on WordPress.com paid plans (Personal and up) and on any self-hosted WordPress site running Gutenberg.

What about the existing Countdown Timer plugin?

Plugins like Countdown Timer and Countdown Time work fine and add shortcode-based countdowns inside posts. The tradeoff is one more plugin to maintain and update. A pure iframe keeps your plugin list minimal and removes the widget from your database.

Will the iframe work with page builders like Elementor or Divi?

Yes. Elementor, Divi, Beaver Builder, and Bricks all include an HTML or Embed widget that accepts a raw iframe tag. The setup is identical: paste, resize, publish.

Conclusion

Embedding a wedding countdown on WordPress takes five minutes and a Custom HTML block. No plugin, no signup, no tracking, no database row. The timer is live on every visitor's screen the moment you hit Publish.

Generate your countdown on WeddingTimer.com, paste it into a Custom HTML block on your WordPress wedding page, publish. Done.

Related guides: