Embed Reference

Voices — iFrame

Permanent Timepath integration fixture for compatibility testing.

Production supportedTimepath hosts and renders the experience in its own browsing context.

Live example

Initial height 700px · waiting for the first height message

Embed code

This is the code behind the example above, with this fixture's ID already in it.

Minimal iframe
<iframe
  id="QyxP8VURtt4u8JS9KYGr"
  width="100%"
  height="700"
  title="Timepath Voices"
  src="https://embed.timepath.co/callout/QyxP8VURtt4u8JS9KYGr"
  frameborder="0"
  scrolling="no"
  allow="encrypted-media; clipboard-read; clipboard-write; fullscreen"
  loading="lazy"
></iframe>

Complete on its own at a fixed height of 700px. Add the listener below to let the frame follow its content.

Recommended: auto-height listener
<script type="text/javascript">
(function () {
  var FRAME_ORIGIN = "https://embed.timepath.co";
  var FRAME_ID = "QyxP8VURtt4u8JS9KYGr";
  var el = document.getElementById(FRAME_ID);
  if (!el) return;

  var raf = null;
  function setHeight(px) {
    if (raf) return;
    raf = requestAnimationFrame(function () {
      el.style.height = String(px) + "px";
      raf = null;
    });
  }

  window.addEventListener("message", function (e) {
    if (!e || e.origin !== FRAME_ORIGIN) return;
    var d = e.data && typeof e.data === "object" ? e.data : null;
    if (!d || d.type !== "timepath-resize" || d.id !== FRAME_ID) return;
    var h = d.height;
    if (typeof h === "number" && h > 0 && h < 100000) setHeight(h);
  });
})();
</script>

Paste after the iframe. It requires the iframe's id attribute to equal the content id, which is what scopes it to its own frame when a page carries more than one embed.

Voices posts a different message shape from the other formats, so it needs its own listener rather than the shared helper.

Fixture

Fixture
Integration Fixture — Voices
Workspace
Timepath Integration Fixtures
Purpose
Compatibility and CMS integration testing
Stability
Permanent reference fixture
Timepath content ID
QyxP8VURtt4u8JS9KYGr
Reader URL
https://embed.timepath.co/callout/QyxP8VURtt4u8JS9KYGr

This is a permanent Timepath integration fixture maintained for compatibility testing. The page URL and the Timepath fixture ID are intended to remain stable.

Expected behaviour

  • The experience renders without a login — these pages are public and anonymous.
  • Width fills the container. The layout is fluid; set the width on your own wrapper.
  • Media and images load from Timepath's CDN, including on a phone viewport.
  • Height follows the content, but only with the Voices-shaped listener — the shared helper used by the other formats will not fire here. Without a listener the frame stays at 700px.
  • Submitting a contribution reaches the confirmation state.
  • Contributions are moderated, so a submission does not appear in the embed immediately.

Subscribe for updates

Product news, newsroom stories and new formats — occasionally, never spam.