Add a Subscription Form to SquareSpace

Overview

Adding a Mailjet subscription form using the Squarespace website builder is quite simple:

  1. Retrieve the HTML code generated by Mailjet, once you have created the form.
  2. Add a code block in Squarespace to the section, where you want the form to be displayed.
  3. Paste the code in the code block.

Retrieve HTML Code

Go to the Widgets section in your Mailjet account. Then move your mouse cursor over the ‘Manage’ button and click on ‘View code’.

squarespace-img1

You will see the HTML code on the new page - click on ‘Copy’ to save it to your clipboard.

squarespace-img2

Add Code Block in Squarespace

Go into the Squarespace drag-and-drop builder. Then choose the section you want to add the subscription form to and click on ‘Edit’. For our example we will add the form to the section of the page just above the footer.

squarespace-img3

Click on the plus sign to add a new block, choose the ‘Code’ block and paste the code you have copied for your Mailjet widget. Then drag the form block and drop it in the position you have selected.

Note

Keep in mind that since the form is embedded via an iFrame, you need to have a Squarespace Business Plan - otherwise it will not be supported.

squarespace-img4

And that’s it! You have just added your subscription form into your website. Easy, right? :)