Integration Guide Third-Party Integrations Analytics & Insights API Reference

Webflow Form Integration

Connect your Webflow site to LeadDuo and send leads securely with ld_key included. You can use the embed.js widget (recommended) or a basic HTML form.

Option 1: Embed.js (Recommended)

Use this if you want customization, styling, or qualifying questions.

Create a form in your LeadDuo dashboard and copy the Form ID and LD Key.
In Webflow, open your project and go to Project Settings → Custom Code.
In the Before </body> section, paste the code below and replace YOUR_FORM_ID and YOUR_LD_KEY.

<!-- LeadDuo Embed Form -->
<div id="leadduo-form"></div>

<script src="https://cdn.leadduo.io/embed/v1.js"></script>
<script>
  LeadDuo.init('leadduo-form', {
    formId: 'YOUR_FORM_ID',
    formKey: 'YOUR_LD_KEY'
  });
</script>

After publishing, visit the page in Webflow and you should see the LeadDuo form rendered, with formKey (ld_key) passed automatically.

Option 2: Basic HTML Form

Use this if you want a simple form without custom styling from LeadDuo.

Copy your Form ID and LD Key from the LeadDuo dashboard.
Add an HTML Embed block to your Webflow page.
Paste the snippet below and replace YOUR_FORM_ID and YOUR_LD_KEY.

<form action="https://api.leadduo.io/api/v1/form/YOUR_FORM_ID" method="POST">
  <input type="hidden" name="ld_key" value="YOUR_LD_KEY" />
  <input type="email" name="email" placeholder="Email" required />
  <input type="text" name="name" placeholder="Name" />
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit">Submit</button>
</form>

The ld_key is sent as a hidden field so LeadDuo can verify the form submission is valid for your account.

Troubleshooting

If the form does not render, confirm you are on the published site URL and check the browser console for errors.
Double-check the Form ID and LD Key in your LeadDuo dashboard and ensure they match exactly in Webflow.
After a test submission, verify the lead appears in your LeadDuo dashboard.