Add a Wedding Countdown to Squarespace (No Code)

To add a wedding countdown to Squarespace, generate a free iframe on WeddingTimer.com, then paste it into a Code Block on the page where you want the timer to appear. The full setup takes about three minutes and works on the Squarespace Business plan and above.

This guide is for couples who already have a Squarespace wedding site and want a clean, privacy-first countdown — no app store, no signup, no data collected. If you have not picked a builder yet, see our general embed guide for an overview of all six supported platforms.

Why add a wedding countdown to Squarespace?

Squarespace ships with a small built-in countdown block, but it has no live ticking and no customization beyond date and label. A third-party iframe gives you four layouts, custom typography, and a real-time ticker that updates every second for every visitor.

For wedding sites specifically, the countdown is the single most-visited element on the home page after the date itself. Couples who add a live ticker report stronger RSVP conversion because guests keep coming back to see the number drop.

What you'll need

A Squarespace wedding site on the Business plan or higher (the Code Block is gated on lower plans).
The wedding date, the couple's names, and a rough idea of the visual style you want.
Two minutes on WeddingTimer.com to generate the embed.

Step-by-step: add WeddingTimer to Squarespace

Generate your countdown. Go to WeddingTimer.com, pick one of the four layouts (Classic, Progress, Ring, or Minimal), choose your colors and typography, and click Copy Code. The snippet is a single line of iframe HTML.
Open the Squarespace editor. Log in, open the website, and navigate to the page where you want the countdown — usually the home page or the Our Story section.
Insert a Code Block. Click any + insert point, search for Code, and pick Code Block. Make sure the dropdown at the top of the block is set to HTML (not Markdown or CSS).
Paste and Apply. Paste the iframe into the block and click Apply. The block will not render in the Squarespace editor preview — that is normal. Click the eye icon or save and visit the live site to confirm the timer ticks.
Publish. Hit Publish in the top-right. Your countdown is now live on your Squarespace wedding site for every visitor.

Tip: Place the Code Block above the fold on the home page. Couples who put it inside a longer scroll report lower engagement because guests never reach it.

Troubleshooting

If the countdown shows up as a blank rectangle, double-check that the Code Block is set to HTML mode (not Markdown) and that the iframe <iframe> tag was pasted in full — including the closing </iframe>. Squarespace sometimes silently strips tags it does not recognise.

If the iframe loads but the timer does not tick, the most common cause is a typo in the date= parameter. The format must be YYYY-MM-DD. Reopen WeddingTimer, regenerate, and re-paste.

FAQ

Do I need a Squarespace Business plan?

Yes. The Code Block that accepts iframe embeds requires the Squarespace Business plan or higher. Personal plans do not allow custom HTML.

Will the countdown work on mobile?

Yes. WeddingTimer is responsive and adapts to the iframe width on phones and tablets. You do not need extra CSS.

Does it add cookies or tracking?

No. WeddingTimer runs entirely inside the iframe and does not set cookies, collect analytics, or contact any server. Your visitors see a live countdown and nothing else.

Can I update the wedding date later?

Yes. Reopen WeddingTimer, change the date, copy the new iframe, and replace the existing Code Block on Squarespace. The update takes effect immediately.

Conclusion

Embedding a wedding countdown on Squarespace takes three minutes and one iframe block. Compared to the built-in Squarespace counter, you get live ticking, four layouts, custom typography, and zero tracking — all free, no account required.

Generate your countdown now on WeddingTimer.com, paste it into a Squarespace Code Block, and publish. Done.