DropForm with WordPress

This guide shows how to connect a WordPress form to DropForm using the Submission API: POST https://api.dropform.app/s/{uid}.

WordPress offers many form plugins, but if you want DropForm to receive and store submissions (and later forward them to tools like Google Sheets / Slack), the most reliable approach is using a Custom HTML block with a standard form POST.

We’ll cover:

• plain HTML form (recommended)
• optional fetch submit (inline success/error)
• file uploads
• common WordPress editor pitfalls

What you need

• Your DropForm form UID (endpoint looks like https://api.dropform.app/s/{uid})
• Access to your WordPress editor (Gutenberg recommended)

Option A: Custom HTML block (recommended)

In the WordPress editor, add a Custom HTML block and paste the following form. This approach works without JavaScript, avoids CORS issues, and is the most stable across themes/builders.

Option B: Fetch mode (optional)

Use this when you want to stay on the same page and show an inline status message. Paste this into a Custom HTML block. (The script tag is included.)

File uploads

For file uploads, use enctype="multipart/form-data". DropForm accepts multipart/form-data submissions.

Common gotchas

• Use Custom HTML block: don’t paste HTML into Paragraph / Visual blocks (they may rewrite your markup).
• Name attributes matter: each input must have name so the backend receives it.
• Don’t set Content-Type for FormData: the browser sets the multipart boundary automatically.
• Caching plugins: after changing embeds, purge cache if you don’t see updates.

Next steps

• DropForm with Webflow
• DropForm with Squarespace
• DropForm with Wix
• DropForm with HTML