Website widget

Embed a Toastmasters timer on your website

Add the existing SpeechTimer widget to a club website, meeting page, blog, or members portal. Configure it below, preview the result, and paste the generated iframe into an approved custom HTML block.

Configurator

Build your timer iframe

Choose a starting preset and dimensions. Visitors can still switch presets inside the widget.

Preview

A three-part embed workflow

1. Configure the widget

Choose the starting preset, maximum width, height, and optional attribution. The embedded timer remains on the SpeechTimer origin and visitors can switch presets inside the widget.

2. Paste into a custom HTML block

Copy the complete iframe markup into the HTML, embed, or code block supplied by your CMS. If a site builder strips iframe tags, ask its administrator which embed block is allowed.

3. Test the published context

Preview on a phone and desktop, check the controls and visible signals, and confirm the iframe fits the column. Test the page after theme, CMS, or privacy-policy changes.

Add the iframe to your site

  1. 1. Choose a custom HTML block. Most site builders and CMS editors provide an HTML, embed, or code block.
  2. 2. Paste the generated iframe. Keep the complete opening and closing iframe tags together.
  3. 3. Preview before publishing. Confirm the widget fits the available column width and that its controls are usable.

Implementation notes

  • The iframe is responsive up to the maximum width you select.
  • Alert sounds require a visitor interaction because browsers restrict automatic audio.
  • The timer runs on the SpeechTimer origin and cannot read the host page's DOM.
  • If your website blocks iframes, ask its administrator to allow content from speechtimer.xyz.

Publish with care

The embed is a convenience widget for a club page, not an official Toastmasters record system. Keep the host page’s privacy notice and analytics choices visible, avoid putting member names or meeting links in the iframe URL, and test after CMS or theme changes.

  • Use a custom HTML or approved embed block rather than pasting the markup into a rich-text paragraph.
  • Keep the iframe title, responsive width, height, and referrer policy in the generated code unless your administrator has a reason to change them.
  • Check the smallest screen your members use; a wide desktop preview can hide a cramped mobile control.
  • Tell members that alert audio may require an interaction because browsers restrict autoplay.
  • If the host blocks iframes or third-party content, follow its administrator and privacy review process.
  • Treat the widget as a convenience link, not as a source of official club records or contest rulings.

Related timer resources

Use a direct timer link when an iframe is not a good fit, or pair the widget with role guidance and timing cards for a meeting kit.

Timer embed FAQ

Where does the embedded timer run?

The iframe loads the SpeechTimer widget from speechtimer.xyz. It is isolated from the host page’s DOM, so it does not need to read your club website content to run the timer.

Can visitors change the starting preset?

Yes. The selected preset is a starting point for the widget; visitors can switch presets inside the timer. Choose a preset that matches the page’s main use so the first view is useful.

Why might alert sounds not play automatically?

Browsers commonly require a visitor interaction before a page can play audio. Ask members to interact with the timer and test the published page in the browsers your club uses.

Can I remove SpeechTimer attribution?

The configurator lets you choose whether the optional attribution link is included. Keep the generated code and the host site’s policies in mind, and do not imply that the embedded widget is an official Toastmasters service.

What if my CMS strips the iframe?

Use the platform’s dedicated custom HTML, embed, or code block and ask an administrator to allow content from speechtimer.xyz if the platform has a domain allowlist. Do not paste untrusted markup into a field that is not intended for HTML.

Does the embed store club or member data?

The embed is a timer convenience tool and does not need club rosters, speech notes, meeting links, or an account. Review your site’s own analytics and privacy settings separately before publishing any third-party widget.