DropForm with Squarespace

Add a DropForm-powered contact form to Squarespace using a Code Block. Includes plain HTML, optional fetch mode, and file uploads.

This guide shows how to integrate DropForm with Squarespace using the Submission API: POST https://api.dropform.app/s/{uid}.

Squarespace’s built-in forms typically submit to Squarespace’s own form handling. To send submissions to DropForm, embed a custom HTML form in a Code Block (or an Embed block, depending on your template).

What you need

  • Your DropForm form UID (endpoint looks like https://api.dropform.app/s/{uid})
  • A Squarespace site where you can add a Code Block / Embed

Option A: Code Block HTML (recommended)

Add a Code Block and paste this form HTML. This is the simplest and most reliable approach.

Option B: Fetch mode (optional)

Use fetch mode if you want inline success/error without navigation. Paste into a Code Block / Embed.

File uploads

Use enctype="multipart/form-data" to upload files to DropForm.

Common gotchas

  • Use a Code Block / Embed: don’t paste form HTML into normal text blocks.
  • Test after publishing: some templates behave differently in preview vs published mode.
  • Don’t set Content-Type when using FormData.

Next steps