How to Add a Form to Squarespace

Squarespace has a native form block, but it can feel limited when you need custom fields, real-time analytics, multi-step flows, or integrations that route responses where your team works. The fix is simple: build the form elsewhere and add it to Squarespace with a Code block. This guide shows you how to add a form to Squarespace using FormMaker, a 100% free online form builder, so you get more power without leaving your Squarespace site.

Why Add an External Form to Squarespace?

Squarespace's built-in forms are fine for basics, but an external form builder gives you more:

• Unlimited fields and responses at no cost.
• Real-time analytics so you can see starts versus completions.
• Multi-step wizard forms for longer surveys and applications.
• Integrations with Google Sheets, Slack, Zapier, plus API and webhooks.
• Reuse anywhere. The same form works on Squarespace, in an email, or as a link.

FormMaker gives every form an embed snippet that drops right into a Squarespace Code block, plus a shareable link if you prefer to send people off-site.

Step-by-Step: Add a Form to Squarespace

Step 1: Build Your Form in FormMaker

First, create the form:

1. Sign up for a free FormMaker account and create a new form.
2. Use the drag-and-drop builder to add your fields, such as name, email, and a message or question.
3. Click each field to set its label, placeholder, and whether it is required.
4. Add a form title and set your submit button text.

Keep the field list short so more visitors complete it.

Step 2: Customize and Publish

Open your form settings and add a confirmation message that appears after submission. Optionally connect an integration like Google Sheets, Slack, or Zapier so responses route automatically. When the form is ready, click publish.

Step 3: Copy the Embed Snippet

Open your published form and find the embed option. FormMaker provides an embed snippet, a small block of iframe/embed code. Copy the entire snippet to your clipboard.

Step 4: Add a Code Block in Squarespace

Now go to your Squarespace site:

1. Open the page where you want the form and click to edit.
2. Click an insert point to add a new block.
3. Choose the Code block (or the Embed block, if you prefer to paste an embed URL).
4. Paste your FormMaker embed snippet into the Code block. If the block has an HTML setting, make sure it is set to HTML rather than Markdown.

Step 5: Save and Test

Save your changes and view the live page. Confirm the form appears and submit a test entry to verify responses land in your FormMaker dashboard. Preview on mobile too, since Squarespace sites get plenty of phone traffic.

That is it. Your Squarespace page now has a fully featured form.

Build your form free with FormMaker and add it to Squarespace in minutes.

Prefer a Link? Use a Button in Squarespace

If you would rather not embed, share the standalone link instead:

1. Copy your form's shareable link from FormMaker.
2. In Squarespace, add or edit a Button block.
3. Set the button's link to your form URL.

Visitors then click through to a clean hosted form page. This is a good option for calls to action, navigation links, or announcement bars.

Tips for a Clean Squarespace Form

• Match your section width. Place the Code block in a section wide enough for the form so nothing gets clipped.
• Add context above it. A short heading and sentence explaining the form lifts completion.
• Keep it short. Fewer fields almost always means more submissions.
• Use a multi-step form for longer content. FormMaker's multi-step wizard splits questions across screens, which feels lighter inside a page.
• Check analytics. Real-time analytics show where people drop off so you can refine the form.

Troubleshooting

• Form not appearing? Confirm you pasted into a Code or Embed block, not a Text block.
• Code showing as plain text? Make sure the Code block is set to HTML.
• Layout looks cramped? Move the block into a wider section or give the surrounding section more padding.
• Changes not visible? Refresh the live page, and clear your browser cache if needed.

Frequently Asked Questions

Which Squarespace plan do I need to add a Code block?

Code blocks are available on Squarespace's paid plans. If your plan does not include Code blocks, you can still add your form by linking a button to the shareable form URL instead.

Do I need to know how to code?

No. Building the form is drag-and-drop, and adding it to Squarespace is copy-and-paste. You paste the embed snippet into a Code block.

Will the form work on mobile?

Yes. FormMaker forms are designed to work on mobile, so your embedded form will display and submit correctly on phones and tablets.

Is this really free?

Yes. FormMaker is free with unlimited forms and responses, so you can add as many forms to Squarespace as you want at no cost.

Wrapping Up

Adding a form to Squarespace is straightforward: build it in FormMaker's drag-and-drop builder, publish it, copy the embed snippet, and paste it into a Squarespace Code block. Prefer a link? Point a button at the shareable URL. Either way, you gain unlimited fields, real-time analytics, and integrations without leaving your Squarespace site.

Get started with FormMaker for free and build your Squarespace form today.