Integrating MailerLite with SquareSpace

💡 Important

For the Squarespace and MailerLite integration to function correctly:

• Your Squarespace site must be on a Business or Commerce plan. The integration features, including the essential Code Injection capability, are not available on Personal plans.

• Your site must be live and not in maintenance mode.

Setting up the integration

In MailerLite:

1. Go to Integrations and select Squarespace.

2. Choose the subscriber groups in MailerLite for your Squarespace forms.

3. Copy the provided JavaScript code.

In Squarespace:

1. Navigate to Website > Utilities > Website Tools > Code Injection.

2. Paste the JavaScript code into the Header section and save.

Adding subscriber forms

For Squarespace pages:

1. In the page editor, add a block where you want the form.

2. Choose:

   • Newsletter block for simple email subscriptions.

   • Form block for detailed forms, ensuring you add an opt-in checkbox to comply with legal standards.

Adding a new section:

1. Switch to Edit mode and use the + icon to add a new section with a form.

2. Customize the form’s fields, appearance, and submission settings.

Advanced form options

Embedded forms:

1. Create and activate an Embedded form in MailerLite.

2. In Squarespace, add a new Code box and insert the provided JavaScript snippet from MailerLite.

Pop-up forms:

1. After adding the MailerLite Universal tracking script (JavaScript snippet), create and activate a pop-up form.

2. Adjust visibility settings as needed for different forms.

Please note, only the fields First Name, Last Name, and Email are synced from Squarespace to MailerLite. Additional fields will not be transferred but the integration will still function if additional fields are added to your Squarespace form.

Important! This integration works with the MailerLite Classic version only. If you aren't sure which version of MailerLite you're using, click here to find out.

To see options for integrating the new MailerLite with Squarespace, check 3rd party integrations such as Zapier.

Or, create an embedded form within MailerLite and then copy/paste the HTML code to your Squarespace site directly.

How to integrate

Our Squarespace integration allows you to collect subscribers directly from their newsletter block.

To set up the Squarespace integration, go to the MailerLite Integrations page. Choose Squarespace and flip the integration status ON. Choose the list you wish to connect to and hit Save.

Copy the Javascript code provided in the Integrations page.

Now log in to Squarespace. Go to Settings, Advanced, Code Injection and paste the code in the header.

Then return to Pages and choose the page you want to add the form to.

To edit the embedded form, click on the pencil icon in the top left corner. You will then be able to access all the settings for the form. 

Go to Storage and select Connect other services. Go to the bottom, click Google Drive and select Allow, then give it a name. Then click Apply. 

The embedded form will now work with your MailerLite account. Anyone who signs up will go to the group you chose in the integrations section of your MailerLite account. 

Go back to the home page of your Squarespace account and select Site availability. Click Public, so that anyone can see it, and hit Save. 

Please note: This will only work in the Business and Commerce plans in Squarespace. 

Also note: Embedded forms and MailerLite pop-ups can be set up directly, however, this does not work the same for promotional pop-ups that you make with Squarespace, as it functions a little differently compared to our own integration. 

For more information about integrating Squarespace with MailerLite, check out our help article.