Embed a Form - Flex Forms

Choose Your Embed Mode

Flex Forms offers three distinct, highly optimized embedding experiences:

Standard Inline

Inject the form directly into your page layout. It intelligently flows and resizes with your surrounding content.

Modal Popup

Trigger a sleek, floating overlay from any button click. Perfect for lead magnets and contact forms.

Full Page Takeover

Command absolute focus. The form consumes the entire viewport for high-converting, distraction-free flows.

The Implementation Flow

Ensure the Form is Published

Embeds rely on the live schema. Drafts cannot be embedded.

Access the Share Dashboard

Navigate to the Share tab for your form and select your desired embed mode.

Deploy the Snippet

Copy the generated HTML snippet. Paste it into your website’s codebase, CMS HTML block, or Blade view.Note for React/Vue developers: Avoid dangerouslySetInnerHTML if possible; prefer injecting the snippet into a standard HTML wrapper component.

Smoke-Test in Production

Load your website, submit a test entry, and verify that the data appears in your Submissions Inbox and Insights dashboard.

Technical Integration

The Share UI generates production-ready snippets dynamically scoped to your form.

<!-- Place this where you want the form to appear -->
<div data-flex-forms-embed="FORM_PUBLIC_ID"></div>

<!-- Include the Flex Forms runtime once per page -->
<script src="https://admin.your-app.com/vendor/flex-forms/embed.js" defer></script>

<!-- Attach the popup trigger to any button -->
<button data-flex-forms-popup="FORM_PUBLIC_ID" class="your-custom-btn-class">
  Contact Sales
</button>

<!-- Include the Flex Forms runtime once per page -->
<script src="https://admin.your-app.com/vendor/flex-forms/embed.js" defer></script>

Always copy your snippet directly from the Share UI. The examples above use placeholder IDs and URLs. Your actual snippet will contain cryptographically secure IDs and your specific domain routing.

Advanced: Query Parameter Prefilling

Maximize conversion rates by putting query parameters on the embed or popup iframe URL (not the plain fill link). You can automatically pass UTM tags, known email addresses, or plan selections into the embedded form.

​Choose Your Embed Mode

Standard Inline

Modal Popup

Full Page Takeover

​The Implementation Flow

​Technical Integration

​Advanced: Query Parameter Prefilling

Choose Your Embed Mode

The Implementation Flow

Technical Integration

Advanced: Query Parameter Prefilling