Your Sprout Studio contact form can be embedded directly onto your website to make it seem like it's a part of the web page itself. To do this, you just need to have your Contact Form embed code handy. With this article, we will focus on how to attach your Contact Form to your Squarespace website.

To find your Contact Form embed code, go to Settings > Communication > Contact Forms and click the View Embed Code button underneath the Contact Form. You will have an option between 3 different codes. For Squarespace, any of these codes will work, but we suggest that you use the iFrame code on your site.

Once viewing your iFrame code, select the code and copy it. From here we are going to go to your Squarespace contact page. On your contact page, you'll need to create a new block on the page and choose the Code option (you might need to scroll down in the pop window to see it).

Paste your code into the text block and to add the Contact Form to your site. You'll see it populate directly on your web page. If the height doesn't match up correctly, you may need to change the pixel height in the iFrame code itself. To do this, just increase the number where it says "height: XXpx;" to make the bounding box bigger.

Did this answer your question?