Skip to content
FormFlow Developers

Embed guides

Step-by-step embedding for the website builders people ask about. The share tab of every form shows the same steps with your own embed code filled in.

html
<script src="https://YOUR_HOST/embed.js" async></script>
<div data-formflow="YOUR_SLUG" data-mode="inline" data-height="600"></div>

Visual flags work on every platform: data-hide-header="true", data-hide-footer="true", data-transparent="true", data-loader-color="#4f46e5", data-auto-height="false". Modes: inline, popup, modal, drawer, slider, sidetab, fullscreen, floating, popover.

WordPress

  1. Install the FormFlow plugin (integrations/wordpress) and activate it.
  2. Under Settings, FormFlow, enter your FormFlow address.
  3. Add the shortcode [formflow slug="YOUR_SLUG"] to any post or page, or insert the FormFlow block in the editor and type the slug.
  4. Without the plugin: add a Custom HTML block and paste the embed code.

The plugin loads embed.js only on pages that contain a form.

Wix

  1. Open the editor, choose Add Elements, Embed Code, Embed HTML.
  2. Choose Code (not a website address) and paste the embed code.
  3. Resize the element to the height you set in the share tab, then publish.

Wix iframes cannot grow with the content, so set a generous height or use the popup mode.

Squarespace

  1. Edit the page, add a Code block.
  2. Untick Display Source and paste the embed code.
  3. Save. Code blocks need a Business plan or higher.

Webflow

  1. Drag an Embed element from the Add panel onto the page.
  2. Paste the embed code and click Save and Close.
  3. Publish the site; the embed does not render in the Designer preview.

Shopify

  1. Online Store, Themes, Customize. Add a Custom Liquid section (or edit a page and use Show HTML).
  2. Paste the embed code.
  3. Save. For a button on a product page use the popup mode.

Framer

  1. Add an Embed component from Insert, Utilities.
  2. Choose HTML and paste the embed code.
  3. Set the component width to Fill and the height to match the form.

Notion

  1. In the page type /embed and press Enter.
  2. Paste the form link, then Embed link.
  3. Drag the corners to resize.

Notion embeds the public link directly; the script tag is not used.