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
- A WordPress site (self-hosted, or WordPress.com on a Personal plan or higher).
- The wedding date, the couple's names, and a rough idea of the visual style.
- About five minutes on WeddingTimer.com and in the WordPress editor.
Step-by-step: add WeddingTimer to WordPress
- 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.
- 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.
- 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.
-
Paste the iframe. Paste the entire iframe HTML — including the
opening
<iframeand closing</iframe>tags — into the Custom HTML block. Click Preview to confirm the timer is ticking. - 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.
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: