How to Add a Contact Form to Your Squarespace Website

Adding the option for users to contact you throughout your Squarespace website is a fantastic way to improve your website, and make the user experience seamless. In this article, I will guide you through adding a contact form to your Squarespace website either by adding a pre-made section or even adding a contact block from scratch.

Watch The YouTube Video

I’ve also created a YouTube version to help you with a visual representation of the process of adding a Contact UsSquarespace website form to your Squarespace website.

Adding a Contact Form on Squarespace

Option 1: Use A Pre Made Contact Section

1. Open the Squarespace editor.

2. Select Add Section within the editor.

3. You will see a list of options, select Contact.

4. Choose from the range of template options to match your brand.

5. Enter all of your contact details (phone number, email, address, etc)…

6. Add any form fields for your required info (select Design>Edit form fields)

7. Select Save and test.

Option 2: Adding A Contact Form With A Block

1. Navigate to the editor

2. Choose Add Block on your desired section, and select form from these options.

3. Customize the fields:

   • Click design (pen icon) to edit form fields.

   • Choose "text" to allow users to send you a message.

4. Edit Post-Submit:

   • Say thank you to your customers, or say check your inbox.

   • You can even redirect your users to another page.

5. Test and adjust

   • Edit button colors, cards, fonts, and strokes.

6. Select Save and test.

Any Questions?

My name is Jacob, your expert Squarespace designer. I have helped hundreds of businesses across multiple industries. If you have any questions after reading this article, be sure to contact me through WhatsApp.

If you would like to discuss a potential design project, you can email me at jacobchivers@chiverscrafted.co.uk or contact me here.

Thanks for reading!