Universal Website Embedding

You don’t need to hire a developer to put a form on your website. Flex Forms generates copy-and-paste snippets that work instantly on any platform—WordPress, Webflow, Shopify, Framer, or a custom React app. Your Filament server remains the central brain. When you update a form in the Studio, it instantly updates across every website where it is embedded.

Choosing Your Embed Architecture

From the Share tab in the Studio, you can generate snippets for three distinct visual architectures.

The Zero-Code Workflow

Publish the Form

Embeds are a live, public feature. Ensure your form is officially Published in the Studio before attempting to embed it.

Configure the Aesthetics

In the Share tab, tweak the settings. Need to remove the form’s background so your website’s beautiful gradient shows through? Toggle Transparent Background. Need to hide the form’s title? Toggle Hide Title.

Copy the Snippet

Click the “Copy Code” button. Flex Forms automatically writes perfectly structured HTML based on your exact toggle choices.

Paste and Launch

Open your website builder (e.g., Webflow’s HTML Embed element, or WordPress’s Custom HTML block) and paste the code. Save the page, and your form is live.

What the Snippets Look Like

You don’t need to understand HTML to use these, but here is what Flex Forms is generating for you behind the scenes:

<iframe
  data-flex-form-src="https://your-app.com/forms/contact-us/embed?dynamicHeight=1"
  loading="lazy"
  width="100%"
  height="800"
  frameborder="0"
  title="Contact us"
  allow="fullscreen"
></iframe>
<script async src="https://your-app.com/vendor/flex-forms/embed.js"></script>

<script async src="https://your-app.com/vendor/flex-forms/embed.js"></script>
<button
  type="button"
  data-flex-form-open="contact-us"
  data-flex-form-layout="modal"
  data-flex-form-width="376"
  data-flex-form-position="bottom_right"
>
  Open form
</button>

The Magic of Dynamic Height: By default, Standard embeds include the dynamicHeight flag. This instructs the iframe to constantly talk to your website, automatically stretching or shrinking the container as the user moves between form pages, completely eliminating ugly scrollbars.

Last modified on September 7, 2026

​Choosing Your Embed Architecture

​The Zero-Code Workflow

​What the Snippets Look Like

Choosing Your Embed Architecture

The Zero-Code Workflow

What the Snippets Look Like