Documentation

5-Minute Quickstart

Build complex forms without code. Deploy your first FormFlow survey in under 300 seconds.

1. Load the SDK

Add this to your <head> or before the closing </body> tag.

<script src="https://cdn.formflow.io/sdk/v2.4.1/formflow-embed.min.js"></script>

2. Prepare the Mount Point

FormFlow requires a dedicated container. Fixed heights prevent cumulative layout shift during payload parsing.

<div id="ff-campaign-q3-2024"></div>

3. Initialize & Bind

Pass your project ID and webhook URL. The SDK handles CSRF token rotation and payload validation automatically.

FormFlow.init({
  container: '#ff-campaign-q3-2024',
  projectId: 'proj_8x9k2',
  webhook: 'https://hooks.formflow.io/parse/inbound/alpha',
  theme: 'solarized-dark'
});

Alternative: Iframe Embed

Use this for strict CSP environments or legacy CMS platforms that block external scripts.

<iframe
  src="https://app.formflow.io/embed/proj_8x9k2?token=live_sk_9283jd"
  width="100%"
  height="640"
  frameborder="0"
  allowfullscreen
></iframe>

Verify & Ship

Check your browser console for `FormFlow: Ready to accept submissions`. Run a test submission via Postman before routing production traffic.

Expected Console Output

`✅ FormFlow SDK v2.4.1 initialized`
`📡 Webhook endpoint verified (200 OK)`

Next Steps

Configure conditional logic in the dashboard. Enable GDPR auto-consent toggles for EU traffic.