Embedding forms on your website

Before you begin

• Create and publish a form first (/dashboard/forms)
• Copy embed code from form detail → Share → Embed

Basic iframe

<iframe
  src="https://app.flowforce.app/f/PUBLIC_ID?embed=1"
  width="100%"
  height="520"
  frameborder="0"
  title="Contact form"
></iframe>

Listing inquiry (IDX)

• Pass listingPublicId query param or hidden field per property page
• Leads get source Inquiry on [address] and link to the listing
• Or set Default listing in form settings for single-property open house

<iframe
  src="https://app.flowforce.app/f/PUBLIC_ID?embed=1&listingPublicId=LISTING_PUBLIC_ID"
  width="100%"
  height="520"
  frameborder="0"
  title="Contact about this property"
></iframe>

Embed kit (pageUrl)

When you cannot pass listingPublicId on every page, use the embed kit: iframe plus parent script. The iframe signals flowforce-form-ready; the parent responds with pageUrl and referrerUrl.

Common issues

• iframe blocked — host site CSP must allow your app domain
• Wrong listing attribution — verify listingPublicId matches published listing