Using Kit and Squarespace together

In this guide, we’ll go through two ways of using Kit with your Squarespace site:

Embedding a Kit Form in Squarespace is easy. It's a basic copy-and-paste process that will have your Form ready to go in just minutes.

Let's do it!

You can grab your Form’s one-line JavaScript embed code by opening the Form in the Kit Form builder, and then clicking Embed at the top right.

Paste this embed code into your code block in Squarespace.

Check to make sure the Form looks the way you want. And you’re done.

Instead of embedding a Kit Form in your Squarespace website, you might want to use Squarespace’s own forms for collecting email addresses.

In this case, you can use a free Zapier account to send the subscriber data automatically to your Kit account. Just take note that you’ll need to be on a paid Kit plan as app access is needed.

Here’s how to set this up:

Click your Squarespace form, followed by the pencil icon to edit it. Then, select the Storage tab > Additional Storage.

Then, click the Connect button for Zapier.

The next screen will show an "Awaiting Connection" status.

Save your work, and then go back to your website's home menu. Navigate to Settings > Developer Tools > Developer API Keys.

Click Generate Key. In the window that pops up, name your key by filling out the “Key Name” field, and then check the “Forms” box.

When you’re done, click “Generate Key” at the top right of the window. Then, click Copy Key to copy the generated API key.

Go to Zapier and create a new automation workflow or “Zap.”

Choose Squarespace Forms as the trigger app and New Form Submission as the trigger event.

Next, connect your Squarespace account. A window will pop up, asking for your website API key. Paste in the API key you generated earlier, and then click Yes, Continue to Squarespace Forms.

The window will close. Click Continue.

Next, choose the Squarespace form that you want subscriber data to be automatically sent to Kit for, and then click Continue.

Test your trigger to make sure everything is set up correctly. If all is good, move to the action step.

Choose Kit as the action app, and then choose one of the following action events, depending on what you need:

For example, if your Squarespace form is called “Newsletter”, you could create a Tag called “Newsletter” and have all subscribers who signed up through your Squarespace form tagged with “Newsletter” in Kit.

After that, connect your Kit account to Zapier:

When your account is connected, click Continue to configure the action.

In particular, you’ll need to map your Squarespace subscriber data to Kit’s subscriber fields.

Click Continue, and then test your action.

If everything is working as it should, name your Zap and publish it. That’s it!

As mentioned above, only Form Blocks, Newsletter Blocks, and Cover Page forms can be connected to Zapier. This means that you can’t connect other types of Squarespace forms, such as a Promotional Pop-Up form, to Zapier and send your subscriber data to Kit this way.

To get around this, you’ll have to connect your Squarespace form to a Google Drive spreadsheet instead. This will automatically add the data for each new form subscriber to that spreadsheet.

Next, create a Zap in Zapier with Google Sheets as the trigger app and New Spreadsheet Row as the trigger action.

Connect the Google Drive spreadsheet you’re using to store your Squarespace subscriber data. Then, set up the action step using the steps described above.

Similar to the steps above, don’t forget to map your Squarespace subscriber data to Kit’s subscriber fields.

How to connect Kit to Squarespace Commerce