Skip to main content
The iFrame tab controls embedded pricing or plan presentation that can be shown in external surfaces or white-label experiences.

​
Typical uses

  • embed pricing on external sites
  • present plan details inside hosted portals
  • keep plan messaging aligned with platform offers

​
Embed Code

<div style="width:100%;overflow:hidden;">
  <iframe
    id="yourdomain-plans-iframe"
    src="https://yourdomain.org/plans-iframe"
    width="100%"
    height="900"
    style="border:none;display:block;width:100%;overflow:auto;"
    scrolling="auto"
  ></iframe>
</div>

<script>
  (function () {
    var iframe = document.getElementById("yourdomain-plans-iframe");
    if (!iframe) return;

    window.addEventListener("message", function (event) {
      if (event.origin !== "https://yourdomain.org") return;

      var data = event.data || {};
      if (data.type !== "yourdomain:plans-iframe:height") return;

      var next = Number(data.height || 0);
      if (!Number.isFinite(next) || next < 320) return;

      iframe.style.height = next + "px";
    });
  })();
</script>
Last modified on April 24, 2026