Skip to main content
You don’t need to send users away to a standalone URL. Flex Forms generates robust, copy-and-paste HTML snippets allowing you to embed the form directly into your WordPress, Webflow, Shopify, or custom-built website in seconds.

​
The Three Embed Modes

Depending on your UX goals, you can choose between three distinct embed architectures directly from the Share screen.
The most common approach. The form renders directly within the flow of your existing webpage, exactly like an embedded YouTube video.
1

Configure Height

Define a base pixel height. We strongly recommend leaving Dynamic Height enabled. This allows the form to automatically communicate with your website to stretch or shrink its height as the user navigates between pages or triggers conditional logic, eliminating ugly internal scrollbars.
2

Paste the Snippet

Copy the generated <iframe> and the tiny <script> tag, and paste them into your website’s HTML body.

​
Universal Embed Options

Regardless of which mode you choose, you can toggle several cosmetic overrides before copying the code:

Hide Title

If you embed the form on a webpage that already has a massive <h1> header saying “Contact Us”, you don’t want the embedded form to repeat it. This hides the form’s internal title.

Transparent Background

Strips the form’s configured background color, allowing your website’s native background (e.g., a gradient or an image) to show through the iframe seamlessly.

Track Form Events

For advanced marketers. This instructs the iframe to broadcast standard postMessage events (like form_started or form_submitted) to your parent website, allowing you to hook them into Google Tag Manager or Meta Pixels.
The Loader Script: Every snippet contains a small <script>. If you are embedding multiple forms on the exact same webpage, you only need to include this script tag once. Flex Forms will automatically detect it and manage all iframes on the page.
Last modified on September 7, 2026