Add a Background to Form on Squarespace

Want your Squarespace forms to actually stand out on your site and not just blend into the background? You're not alone. Standard contact forms often look flat, uninviting, and, well... a little boring.

After testing this on both my own site and client sites, I’ve found that adding a background color to your form block is one of the easiest ways to make your forms pop and increase form submissions. The results? I'm now getting 5x more inquiries per week - no exaggeration.

In this post, I’ll show you how to add a background to your form block in Squarespace, step-by-step, and explain why this simple tweak can seriously improve your site’s performance.

Watch the video

Check out the YouTube video below 👇

Why Add a Background to Your Squarespace Form?

Let’s face it, the default Squarespace form block isn't winning any design awards. Without a background or styling, forms can feel like an afterthought. They don’t attract attention, especially if your site has a lot of visual content or a strong layout.

But as soon as I added a subtle color block behind my forms, everything changed:

• The form felt more professional

• It visually separated the call-to-action from the rest of the page

• Most importantly, conversions went up
  
  

This isn't about being flashy,  it’s about drawing attention where it matters.

How to Add a Background to a Form in Squarespace

Here’s how to add a background to your form block and make it stand out, even on a minimal page.

1. Add a Form Block

• Head to the page section where you want the form.

• Insert a Form Block from the Squarespace block menu.
  

2. Choose the Right Layout

• If your form is sitting beside an image or text, consider using a two-column layout so the form has space to breathe.
  

3. Add a Background Color

• Click the section that contains the form.

• Go to Edit Section > Background and choose a solid color or gradient.

• Use something subtle - a soft grey, muted pastel, or a light brand color works best.
  

4. Style the Form for Conversions

Want that polished, professional feel? Here are my go-to tweaks:

• Full-width Button: Makes the CTA bold and hard to miss.

• Input Highlight: Use a slight shadow or colored border on the first input field for a premium feel.

• Rounded Corners: Set a border-radius of 10–20px to soften the design and add a modern touch.

5. Add Supporting Content

Consider placing a short intro or trust-building paragraph next to the form. You can even use Squarespace AI to generate something quickly.

For example:
"Looking for help with your site? Drop us a message and we’ll get back within 24 hours!"

---

📩 Join the inner circle to get exclusive code updates

---

Real Results: From 10 Weekly Inquiries to 5 a Day

Since adding a form background on my homepage, I've seen:

• More engagement on the form section

• A serious jump in weekly inquiries

• Clients requesting the same setup after seeing the results
  

It’s been such an effective conversion booster that I now recommend it to every single client, especially for hero sections.

Quick Tips for Better Form Conversion

• Keep it simple: 3 - 4 fields max (Name, Email, Message is enough)

• Use a strong CTA: “Get in touch” or “Let’s chat” works better than “Submit”

• Mobile-friendly design: Make sure your form looks great on all devices

Final Thoughts

If you want your Squarespace site to convert, don’t overlook your form design. Adding a background behind your form block is a small change, but it can make a huge impact.

Give it a try on your homepage, landing pages, or contact sections. You might be surprised how much it changes the user experience (and your inbox traffic).

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?