Add Forms on Squarespace

Learning Objectives

• Understand how to add and customise forms in Squarespace 7.1
• Learn to integrate third-party tools with Squarespace forms
• Discover how to track and analyse form submissions

Introduction

Forms are essential for connecting with your website visitors. Whether you need to collect feedback, build an email list, or let people get in touch, forms do the heavy lifting. This chapter shows you how to add forms to your Squarespace site that look great and work properly. We'll walk through each step so you can get this sorted even if you're just starting out.

Lessons

Lesson 1: Setting Up Your First Form

Here's how to get your first form up and running:

Step 1: Log into your Squarespace account and go to the page where you want to add your form.

Step 2: Click the edit button, then click an insert point where you want your form to appear.

Step 3: Select 'Form' from the content blocks menu.

Step 4: Choose your form type from the options available (contact form, newsletter signup, or custom form).

Step 5: Use the form builder to add the fields you need by clicking 'Add Field' and selecting from options like name, email, phone, or message.

Start simple with just name and email fields. You can always add more later, but shorter forms get completed more often.

Lesson 2: Customising Form Appearance

Now let's make your form look right:

Step 1: In the form builder, click the 'Design' tab to access styling options.

Step 2: Adjust the form layout (stacked or side-by-side fields).

Step 3: Match your form colours to your site by selecting from your site's colour palette.

Step 4: Set the font style to match your site's typography.

Step 5: Preview your changes by clicking 'Preview' to see how it looks on desktop and mobile.

Keep your form design consistent with your site. If your site uses rounded corners, apply the same style to your form buttons.

Lesson 3: Integrating Third-Party Tools

Connect your forms to the tools you already use:

Step 1: In the form builder, click the 'Storage' tab.

Step 2: Choose where you want form submissions to go. Options include:

• Email notifications (default)
• Google Sheets for automatic spreadsheet updates
• Mailchimp for email marketing
• Zapier for connecting to other apps

Step 3: Follow the connection prompts to link your chosen service.

Step 4: Test the integration by submitting a sample form entry.

Google Sheets works well for beginners because it updates automatically and you can access your data anywhere.

Practice

Create a contact form for your site with these fields: name, email, and message. Connect it to Google Sheets and test it by submitting a sample entry. Check that the data appears in your spreadsheet.

FAQs

Can I integrate Squarespace forms with all third-party tools?
Squarespace connects directly with popular tools like Google Sheets, Mailchimp, and Zapier. For other tools, you might need to use Zapier as a bridge to connect your forms.

How do I organise my form data efficiently?
Use the Storage options in your form settings to send data where you need it. Google Sheets works well for simple data collection, while Mailchimp is better if you're building email lists.

What should I do if my form looks out of place on my website?
Check the Design settings in the form builder. Make sure your form colours match your site palette and the fonts are consistent. Sometimes switching from side-by-side to stacked layout helps on mobile.

How many forms can I add to my Squarespace site?
There's no limit to how many forms you can add. You can create different forms for different purposes across your site.

Where can I see form submissions?
Go to your site's main menu and click 'Marketing', then 'Form Submissions'. You'll see all submissions listed with timestamps and details.

Jargon Buster

• Form Builder: Squarespace's drag-and-drop tool for creating custom forms without coding
• Form Analytics: Data showing how many people submit your forms and when they do it
• Conditional Logic: Advanced feature that shows or hides form fields based on previous answers
• Insert Point: The spots on your page where you can add new content blocks

Wrap-up

You now know how to add, customise, and connect forms on your Squarespace site. Start with simple contact forms and experiment with different field types as you get comfortable. Remember to test your forms regularly and check that integrations are working properly. Forms are one of the most useful features on any website, so spend time getting them right.

Ready to build your Squarespace site? Get started with our complete course at https://www.pixelhaze.academy/membership