Skip to main content
Kit + Squarespace

Bring the power of Kit to your Squarespace site.

Updated over a month ago

Using Kit and Squarespace together

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

  1. Create your email forms in Kit , and embed them in your Squarespace site

  2. Use Squarespace’s forms, but send the subscriber data to Kit with Zapier

Embedding Kit Forms in Squarespace

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

NOTE: To embed our forms on your Squarespace site, you'll need to be on their Business or Commerce plan.

Let's do it!

1. Edit a page and add a new code block.

2. Paste in your one-line Kit Form embed code.

You can grab your Form’s one-line JavaScript embed code by opening the Form in the Kit Form Builder, and then clicking on the Publish tab.

Paste this embed code into your code block in Squarespace.

3. View the Form on your Squarespace site

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

Adding Squarespace subscribers to Kit

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

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 API access is needed.

NOTE: This method works only for Form Blocks, Newsletter Blocks, and Cover Page forms on Squarespace. It is currently not possible to connect Zapier to other types of Squarespace forms, but we have a workaround! See below.

Here’s how to set this up:

1. Connect your Squarespace form to Zapier.

Click on your Squarespace form, followed by the Storage tab.

Then, click on the Connect button next to the word “Zapier.”

The next screen will show a message saying “Awaiting connection from Zapier.”

Save your work, then go back to your Home Menu.

From the Home Menu, navigate to Settings > Advanced > Developer API Keys.

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

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

2. Set up Zapier.

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

Choose Squarespace as the Trigger App and New Form Submission as the Trigger Event, then click on Continue.

You’ll then need to connect your Squarespace account with Zapier.

Click on Sign in to Squarespace and paste the API key that you had generated earlier into the window that pops up, then click Yes, Continue.

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

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

Choose Kit as the Action App, then choose one of the following Action Events, depending on what you need:

  • Add Subscriber to Form

  • Add Tag to Subscriber

  • Add Subscriber to Sequence

  • Create or Update Purchase

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 “Newsletter” Squarespace form tagged with “Newsletter” in Kit !

After that connect your Kit account to Zapier and set up the Action.

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

Click Continue, then test your Action.

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

☝️ What if your Squarespace form can’t be connected to Zapier?

As mentioned above, only Form Blocks, Newsletter Blocks, and Cover Page forms can be connected to Zapier. This means that you can’t directly 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 that you’re using to store your Squarespace subscriber data. Then, go on to 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

Did this answer your question?