Event Countdown Embed

Free embeddable countdown for launches, conferences, webinars, sales, and any other date-driven event. Drop the iframe onto a landing page in two minutes.

Live preview
Copy this iframe
<iframe src="https://gotimer.org/e/countdown?duration=86400&label=Doors+open&theme=auto&accent=%23E8613C"
  width="100%" height="420" frameborder="0"
  allow="autoplay" loading="lazy"
  style="border-radius:12px;border:0;max-width:480px;"></iframe>

Change "Doors+open" to your event name and "duration=86400" (24 hours) to the seconds until your event.

What this is for

Product launches, conference start times, webinar "register now" pages, Kickstarter campaign deadlines, Black Friday sales, app release dates, ticket on-sale moments. Anything with a fixed future date where visitors should see urgency ticking down in real time. Paste the iframe markup above into your landing page and the countdown starts immediately on page load — no setup, no JavaScript on your side.

Pre-baked recipes for common event types

Product launch (8 hours out)

/e/countdown?duration=28800&label=Launch&theme=dark&accent=%23ff3b3b

Webinar (90 minutes out)

/e/countdown?duration=5400&label=Webinar+begins&theme=light&accent=%230066cc

Flash sale (1 hour)

/e/countdown?duration=3600&label=Sale+ends&theme=dark&accent=%23ff3b3b&message=Use+code+FLASH

Conference doors (24 hours)

/e/countdown?duration=86400&label=Doors+open&theme=auto

Kickstarter / Indiegogo campaign close (7 days)

/e/countdown?duration=604800&label=Campaign+ends&accent=%2300a86b

URL parameter reference

  • duration — required. Seconds remaining at the time you bake the URL into your page. The embed counts down from that anchor on every page load.
  • label — text shown above or near the timer. URL-encoded (spaces → +, special chars → %XX).
  • theme — auto, light, dark, streaming (transparent for OBS), classroom (oversized text).
  • accent — ring color, hex (%23 for #).
  • message — secondary line shown while running.
  • expired_message— text shown when the timer hits zero. Default is "00:00:00"; useful when you want the timer to switch to something like "Event live now" or "Doors open — head to lobby".
  • controls — full (default) shows pause/restart, nonehides them entirely (cleanest for a public event countdown where you don't want random visitors messing with it).

Pairing with a landing page

For launch landing pages, the countdown is usually the visual anchor above the fold. Two practical patterns:

  1. Below the headline, above the email signup — the countdown creates urgency, the signup converts the visitor.controls=none keeps the design clean.
  2. Floating banner at the top of the page — set the iframe to height=60 and use a compact configuration: /e/countdown?duration=…&theme=dark&accent=%23ff3b3b&controls=none. Good for sticky sale-ending bars.

For event organisers running multiple countdowns

Each iframe is independent — embed five countdowns on one page if you want to show multiple session times. Set distinct labelvalues so visitors can tell them apart. For a schedule grid ("Workshop A starts in 1:23:45 / Workshop B starts in 2:45:12 / …"), drop one iframe per cell.

For larger schedules consider the standalone countdown page linked as a separate URL per session — easier than maintaining a wall of iframes, and each session URL is shareable on social.

Related

Wedding Countdown Widget

Same engine, tuned for wedding sites.

Sale Countdown on Shopify

Step-by-step add-to-Shopify-product-page guide.

Embed on WordPress

WordPress block / Elementor / Classic Editor instructions.

Embed Widget Hub

Full configurator with live preview.

Event Countdown Embed FAQ

What kinds of events is this useful for?
Product launches, conference start times, webinar countdowns, ticket on-sale dates, Black Friday and Cyber Monday sales, app release dates, course enrollment closing, Kickstarter campaign deadlines, podcast episode drops, livestream start times. Anything with a date that visitors should see ticking down.
Does it support a fixed UTC date so visitors in every timezone see the same end time?
Pass the number of seconds remaining as duration=N — the visitor's browser then counts down from page load, so the end moment is wall-clock-consistent worldwide. For a UTC-anchored launch ("9 AM UTC on Friday"), compute the seconds until that UTC moment at the time you set the embed. Future versions will accept iso=2027-06-15T09:00:00Z directly.
Can I add urgency styling for sales — bold red ring, flashing under 5 minutes?
Set accent=%23ff3b3b for red and theme=dark for a black background. There's no flashing-under-N-seconds option yet (the standalone countdown page has it via the flash_at parameter; embed support is planned).
Does the embed track visitor analytics?
No — embed visitors are never tracked individually. GoTimer fires aggregate counters (theme, timer type) for usage analytics but stores no cookies and no IP-level data on the embed iframe. Your page's own analytics are unaffected.
Can I auto-start the countdown the moment the page loads?
It always counts down automatically — there's nothing to start. The autostart=1 parameter only matters for Pomodoro and HIIT interval embeds where the timer has an explicit start button.
What if my event has a postponement and I need to change the date?
Edit the iframe URL — change duration=… to the new remaining seconds and save your page. Visitors will see the updated countdown on next page load. No re-publishing required at GoTimer's end.