Embedding forms
You can embed any published Attio Forms form on any website with a single script tag. The embed auto-resizes to fit the form content and works with every major website builder.
The embed snippet
From the form editor page, click the Embed button to copy the embed snippet. It looks like this:
<div data-attio-form="your-form-slug"></div>
<script src="https://www.attioforms.com/embed/widget.js" async></script>
Paste it anywhere in your HTML where you want the form to appear.
How it works
The widget script finds every [data-attio-form] element on the page and replaces it with an pointing to /embed/. The iframe communicates its height to the parent page via postMessage, and the widget script adjusts the iframe height accordingly. This means the form always fits its content without scrollbars.
oEmbed support
Attio Forms supports the oEmbed standard. Paste a form URL into any oEmbed-compatible platform (Notion, WordPress, etc.) and it will embed automatically.
The oEmbed endpoint is:
https://www.attioforms.com/api/oembed?url=<form-url>
Security
The public form routes (/f/) cannot be iframed. Only the dedicated /embed/ route is embeddable, and it strips the navigation chrome for a clean in-page experience.