Embedding

You can drop any published form into your own website with a single iframe tag. The form renders just like its standalone page, with no Forms or Adaptensor chrome around it.

The embed snippet

Replace your-form with your form's slug (the part after /f/ in the public URL):

<iframe
  src="https://forms.adaptensor.com/f/your-form"
  width="100%"
  height="720"
  frameborder="0"
  style="border:0;border-radius:12px;"
  title="Your form"
></iframe>

Sizing the iframe

Forms can't auto-resize the iframe from inside it — that's a browser restriction. A height of 720px works for short forms; bump it up for longer ones. If you want the iframe to grow with the form content, listen for the forms-resize postMessage event from the form and update iframe.style.height on your page:

window.addEventListener("message", (e) => {
  if (e.origin !== "https://forms.adaptensor.com") return;
  if (e.data?.type === "forms-resize" && typeof e.data.height === "number") {
    document.querySelector("iframe[title='Your form']").style.height =
      e.data.height + "px";
  }
});

Note: the auto-resize message is on the roadmap and not yet shipped. Until then, set a fixed height.

Styling the surrounding page

The embedded form uses your accent color. Everything else (page background, container width, surrounding copy) is your call — Forms only owns what's inside the iframe.

Custom domains

Embedding from a custom domain (e.g. forms.yourcompany.com) is on the roadmap but not yet available. For now every embed lives under forms.adaptensor.com.

Want to see what comes in? Responses.