Embed a webinar start timer

Free Webinar Countdown Widget

Create a webinar countdown widget for registration pages, reminder pages, email landing pages, and waiting rooms. Copy embed code for the page, then use an XTimer room when the webinar needs live host-controlled timing.

Use the tool Create controlled room

Built for this job

Webinar pages can show a clear start countdown.

Registrants see urgency tied to a real scheduled session.

XTimer rooms bridge pre-webinar countdowns into live webinar timing.

Countdown to

Product launch

Days

Hours

Minutes

Seconds

Created with XTimer

Widget presets

Widget settings

Event nameTarget date and time

Theme

Embed code

<div class="xtimer-countdown" data-target="" style="font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 560px; border: 1px solid #e4e7ec; border-radius: 16px; padding: 24px; background: #ffffff; color: #1a1b25;">
  <p style="margin: 0 0 12px; font-size: 14px; opacity: .72;">Countdown to</p>
  <h2 style="margin: 0 0 20px; font-size: 24px;">Product launch</h2>
  <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; text-align: center;">
    <div><strong style="display:block; font-size: 32px;">0</strong><span style="font-size: 12px; opacity: .72;">Days</span></div>
    <div><strong style="display:block; font-size: 32px;">0</strong><span style="font-size: 12px; opacity: .72;">Hours</span></div>
    <div><strong style="display:block; font-size: 32px;">0</strong><span style="font-size: 12px; opacity: .72;">Minutes</span></div>
    <div><strong style="display:block; font-size: 32px;">0</strong><span style="font-size: 12px; opacity: .72;">Seconds</span></div>
  </div>
  <p style="margin: 18px 0 0; font-size: 12px; opacity: .65;">Created with XTimer</p>
</div>

Create controlled room

Use this setup in XTimer

Need a controller link, viewer display, or shared room?

Keep this simple timer for quick work. Move into an XTimer room when one person controls the clock and another screen shows it to a speaker, team, class, or audience.

Open in XTimer room

Presets that match real work

Start from a timer people already understand.

Each preset has a clear use case, duration, and workflow. That makes the page useful for search visitors immediately, and gives professional users a natural path into XTimer rooms when they need separate controller and viewer devices.

Webinar start

7 days

Total

7 days

A 7-day countdown widget for a scheduled webinar.

Webinar today

6 hours

Total

6 hours

A 6-hour countdown widget for same-day webinar reminders.

Waiting room opens

15 min

Total

15 min

A 15-minute countdown for webinar waiting rooms and live rooms.

Professional setup

Use the simple timer first, then graduate to controlled timing.

Put the countdown near the join or register button.

Use the webinar title as the widget event name.

Switch from a website countdown to a room timer during live delivery.

Use XTimer rooms when a producer controls timing while the host presents.

Frequently asked questions

What is a webinar countdown widget?

A webinar countdown widget is an embeddable timer that shows the time remaining until a webinar starts or a waiting room opens.

Can I add this countdown to a webinar landing page?

Yes. Set the webinar name and date, preview the widget, and copy the embed code into a landing page or CMS.

Can I use XTimer during the live webinar?

Yes. Create an XTimer room for live host-controlled timing, Q&A blocks, breaks, and wrap-up segments.