Embedding your Magic Form into your Squarespace website is easy! Below are step by step instructions on how to complete this implementation.
Add a Code Block onto your Squarespace Website
The first step is to add a new Code Block onto your Squarespace website. Add this block exactly where you want the Magic Form to appear on your website. Also note the form will take up the entire width of the Block.
The Squarespace Code Block is a paid feature. Alternatively, you can use the Embed Block instead of the Code Block.
Grab the Magic Form code
You can grab the Magic Form embed code from the Magic Form Sidebar. First click on the Magic Form Block in your Loop.
Next, click Start Setup.
Copy the code by clicking Copy Code.
Add Magic Form Code into the Code Block
After copying the Magic Form code, simply paste all of the code into the Code Block in Squarespace. After saving the changes you should see the Magic Form on your website!
Verify Magic Form implementation
The final step is to complete setup is to verify the implementation. Click the "I've added this code into my website" button to complete verification.
If successful, you will see a green checkmark and the URL of your Squarespace website.
