All docs
3 min read Last updated:

Embed funnels in your CMS

Formspring funnels publish to a stable public URL (/u/{slug}). Every CMS that allows custom HTML, an iframe, or an embed block can host that URL.

Use the Integrate → Share & embed panel in the funnel builder to copy the public link and iframe snippet. Replace YOUR_FUNNEL_URL below with that link.

Universal iframe embed

Works anywhere you can paste raw HTML:

html
<iframe
  src="YOUR_FUNNEL_URL"
  title="Lead funnel"
  width="100%"
  height="720"
  style="border:0;max-width:720px;margin:0 auto;display:block;"
  loading="lazy"
  allow="payment *; clipboard-write"
></iframe>

Increase height if your funnel has many screens. The iframe loads the full interactive funnel runtime, including branching, file uploads, and payment blocks.

Webflow

  1. Open the page in the Designer.
  2. Add an Embed element where the funnel should appear.
  3. Paste the iframe snippet above.
  4. Publish the site.

Tips: Set the embed wrapper width to 100% and add horizontal padding on mobile. If Webflow's cookie banner blocks third-party scripts inside the iframe, keep tracking pixels on the funnel itself (Integrate tab) rather than injecting extra scripts in Webflow.

Wix

  1. Edit the page → Add (+) → Embed CodeEmbed HTML.
  2. Paste the iframe snippet.
  3. Stretch the embed block to full content width.

Wix sometimes caches embed HTML aggressively. After changing the funnel, republish the Wix page or toggle the embed block to force a refresh.

WordPress

Block editor (Gutenberg)

  1. Add a Custom HTML block.
  2. Paste the iframe snippet.
  3. Update/publish the post or page.

Classic editor or page builders (Elementor, Divi)

Use an HTML or Code widget and paste the same iframe snippet.

Plugin alternative: If your theme strips iframes, install a trusted HTML embed plugin or allow iframe in wp_kses for editor roles only.

Squarespace

  1. Edit the page → insert a Code block.
  2. Paste the iframe snippet.
  3. Apply.

Squarespace code blocks run in a sandbox. The iframe approach is preferred over injecting <script> tags.

Unbounce

  1. Open the landing page builder.
  2. Add a Custom HTML element.
  3. Paste the iframe snippet inside the variant where the funnel should run.

For post-submit handoff, set the funnel's Redirect ending to your next Unbounce URL (or another Formspring funnel) and enable Pass answers and UTM params on the Integrate tab so query parameters carry across.

Instapage

  1. Drag a HTML widget onto the canvas.
  2. Paste the iframe snippet.
  3. Republish the page.

Match the widget height to the iframe height attribute to avoid double scrollbars.

Cross-funnel and UTM parameters

When a funnel ends with a Redirect screen pointing at another Formspring funnel:

  1. Enable Pass answers and UTM params under Integrate → Cross-funnel handoff.
  2. On the destination funnel, add matching names to Hidden fields so only whitelisted query params are accepted.

This mirrors Heyflow-style cross-funnel parameter passing without custom JavaScript.

Custom domains

If the funnel uses a custom domain, swap YOUR_FUNNEL_URL for the branded host. The embed snippet in the builder updates automatically.

Troubleshooting

Symptom Fix
Blank iframe Confirm the funnel is published and the team plan includes funnels.
Scrollbar inside scrollbar Increase iframe height or reduce outer container max-height.
Cookies blocked in iframe Some browsers partition third-party cookies; prefer a first-party custom domain on the funnel.
CSP errors Allow frame-src / child-src for formspring.io (or your custom domain) in the CMS security headers.

For low-level embed customization (headless mode, events API), see Embed widget overview.