Embed Forms on Any WebsiteOne Script Tag, Four Modes
Add a FlexForm to any website — WordPress, Webflow, Squarespace, or custom HTML — with one script tag and one data attribute. No framework, no build step, no backend.
Four ways to embed
Choose the mode that fits your use case
Inline
Renders inside any div. Flows with your page layout. Best for dedicated form pages.
Popup
Centered modal on button click. Small, medium, or large. Best for lead capture.
Slider
Slides in from left or right. Non-blocking — users keep context. Best for feedback.
Fullscreen
Full browser window. Zero distraction. Best for multi-step intake flows.
One script tag. Four embed modes.
Copy, paste, done.
<!-- Step 1: Add the script once — in <head> or before </body> -->
<script src="https://flexform.ai/embed/v1"></script>
<!-- Inline embed — renders in place -->
<div data-flexform-id="your-form-id"></div>
<!-- Popup — button triggers a modal -->
<div
data-flexform-id="your-form-id"
data-flexform-type="popup"
data-flexform-size="medium"
data-flexform-button-text="Request a Demo"
data-flexform-button-color="#6366f1"
></div>
<!-- Slider — slides in from the right -->
<div
data-flexform-id="your-form-id"
data-flexform-type="slider"
data-flexform-slider-position="right"
></div>
<!-- Fullscreen — opens the whole viewport -->
<div
data-flexform-id="your-form-id"
data-flexform-type="fullscreen"
data-flexform-button-text="Get Started"
></div>Works with any website
If it supports HTML and JavaScript, FlexForm embeds work.
Web Embed FAQs
Common questions about embedding FlexForm on your website
What websites can I embed FlexForm on?
FlexForm embeds work on any website that allows custom HTML and JavaScript — WordPress, Webflow, Squarespace, Wix, Shopify, custom HTML sites, and any JavaScript framework including React, Vue, Angular, and Next.js.
Do I need a backend or server to embed forms?
No. Add one script tag and one div with data attributes. The form loads from FlexForm's servers and submissions go directly to your FlexForm account. No backend code required.
What are the four embed types?
Standard (inline — renders inside your div and flows with your page layout), popup (centered modal triggered by a button, with configurable size), slider (side panel that slides in from left or right), and fullscreen (full browser window overlay for focused intake flows).
Can I pre-fill form fields from the embedding page?
Yes. You can pass URL parameters to the embedded form. For example, if a user is logged into your site, you can pass their email or name as parameters and pre-fill the corresponding form fields automatically.
Will the embedded form match my website's design?
The form uses the theme you configure in your FlexForm dashboard. Set colors, fonts, and button styles to match your brand. The embed respects your website's background and container layout for the inline mode.
Is there a React or Vue component available?
The current embed uses a lightweight vanilla JavaScript script (under 5KB) that works with any framework without conflicts. Native React and Vue component wrappers are on the roadmap.
Embed Your First Form in 60 Seconds
Add a FlexForm to any website with one script tag. No framework, no backend, no build step.