Skip to main content

Kit + Squarespace

Bring the power of Kit to your Squarespace site.

Updated over 2 weeks 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

NOTE: To embed our Forms on your Squarespace site, you'll need to be on Squarespace's Business or Core plan or higher.

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!

1. Add a new code block to your page

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 Embed at the top right.

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.

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.

NOTE: This method works 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 below.

Also, to connect your Squarespace site to Zapier, you'll need to be on Squarespace's Business or Core plan or higher.

Here’s how to set this up:

1. Connect your Squarespace form to Zapier

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.

2. Set up Zapier

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:

  • 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 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!

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 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.

Did this answer your question?