Widget Integration

FormLab Widget allows you to embed your forms into any website. The widget is highly customizable and supports multiple display types and launch triggers.

To add FormLab Widget to your website, simply copy and paste the provided code snippet where you want the form to appear:

<!-- FormLab Widget -->
<div id="formlab-&#91;your-form-id]"></div>

<script
  async
  src="https://widget.formlab.ai/formlab-widget.min.js"
  data-form-id="&#91;your-form-id]"
  data-config='{ "type": "standard" }'
></script>

FormLab supports four different widget types:

1. Standard – Embeds the form directly into your page

{
  "type": "standard"
}

2. Full Page – Takes over the entire page

{
  "type": "full-page"
}

The widget script is automatically optimized for performance:

• Loads asynchronously to prevent blocking
• Prefetches form data for faster display
• Lazy loads resources as needed

FormLab Widget supports all modern browsers:

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

If you encounter any issues:

1. Check that your form ID is correct
2. Ensure the script is loaded properly
3. Check browser console for any errors
4. Verify your configuration syntax