LogoDropForm

DropForm with Webflow

Add a DropForm-powered contact form to Webflow using an Embed element. No plugin needed — your form posts directly to DropForm.

DropForm Logo
January 17, 2026 by DropForm Team

Webflow’s built-in forms are tied to Webflow form handling. If you want submissions to land in DropForm, add a custom HTML form that posts to: POST https://api.dropform.app/s/{uid}.

What you need

  • Your DropForm form UID (endpoint: https://api.dropform.app/s/{uid})
  • A Webflow project (Designer access)

Option A: Embed a plain HTML form (recommended)

In Webflow Designer, add an Embed element and paste this form HTML. This is the most reliable option.

Option B: Stay on the same page (optional)

If you want a “no navigation” submit with inline status, use fetch + FormData. Paste this into an Embed element (or Page settings → Custom Code).

Common gotchas

  • Use an Embed element: Webflow’s native Form block posts to Webflow, not DropForm.
  • Files: keep enctype="multipart/form-data" and use FormData in fetch mode.
  • Don’t set Content-Type for FormData: browser sets the multipart boundary.

Next steps