Adding a lead form to a Squarespace site — Help

Your lead form is a snippet of code you paste into your own website, so it sits on your page, in your design, with your wording. This article covers the Squarespace side of that: which block to use, where the snippet goes, and the two things about Squarespace that catch people out.

Build the form first. Capturing leads with a form covers choosing the fields, wording it in your voice and setting where submissions are emailed. Come back here once you have a form you're happy with.

Copy the snippet from 1pm

Go to Leads > Lead Types and open the form you want to embed.
Open the Embed code section at the bottom of the page.
Click Copy snippet.

The snippet is a few lines: an iframe that loads your form, a small script that sizes it to fit, and a "Powered by 1pm" credit line. Copy all of it. The script is what stops a scrollbar appearing inside the form, and it also reveals your email address if the form ever fails to load.

Paste it into a code block

In Squarespace:

Edit the page you want the form on.
Click an insert point and add a Code block. Not an Embed block: that one takes a URL from a site like YouTube and will not accept the snippet.
Delete the sample code that appears, and paste the 1pm snippet in its place.
Leave the mode set to HTML, and leave Display Source unticked.
Save the page.

Two things that catch people out

The form looks broken in the editor. Squarespace does not run scripts while you're editing, so in the editor you'll see an empty box, a grey placeholder, or the form at a fixed height with space below it. That is normal. Save, leave the editor, and look at the live page. Better still, open the page in a private browser window, which is how a visitor sees it.

You need a plan that allows custom code. Code blocks are not available on Squarespace's cheapest plan. If you can't find the Code block, that's why. You have two options: upgrade the site, or skip the embed and link to the form instead. Every lead type has its own web address, and the Open in new tab button next to Copy snippet opens it. Copy that address out of your browser, then use it on a Squarespace button or navigation link. Leads arrive exactly the same way; the only difference is the visitor leaves your site to fill the form in.

Make it fit your page

Background. The form is transparent on purpose, so it takes the colour of the Squarespace section behind it. The fields and text are designed for a light background, so put it on a light section.
Width. The form fills the block it sits in. For something narrower, change width:100% in the snippet to a fixed width like width:480px, or put the code block in a narrower column.
Space below the form. If the live page shows a gap under the last field, set Minimum height in the Appearance & behaviour section back to blank so the form sizes itself, then save and reload the page.

Send people to your own thank-you page

By default the form shows a thank-you message in place of the fields. To send the visitor to a page on your site instead:

Build the thank-you page in Squarespace. Put it in the Not Linked section of your pages list so it stays out of your navigation.
Copy its address.
Back in 1pm, open Appearance & behaviour on the lead type and paste it into Redirect after submit, then save.

This is also where you'd point a conversion goal or an ad platform's tracking, since the thank-you page is only ever reached by someone who submitted.

Test it before you tell anyone

Fill the form in on the live page and send yourself a real lead. Check three things: it arrives in your Leads inbox tagged with the right lead type, the notification email reaches the address you set, and the visitor sees the thank-you message or redirect you expect. Delete the test lead afterwards.

If nothing arrives, check that Form is live is switched on for that lead type. A form that's switched off shows your email address in place of the fields rather than an error.

Capturing leads with a form covers building the form itself: fields, wording, colour and notifications.
Adding a lead form to a Wix site covers the same job on Wix.
Adding a lead form to a WordPress site covers the same job on WordPress.
Working the leads inbox covers what to do with submissions once they land.
Auto-reply to new leads covers answering a lead the moment it arrives.