New Squarespace Feature: Custom Form Designs

I’ve been using custom code on Squarespace contact forms for ages.

Why? Because I don’t love the native design of Squarespace contact forms. 

There’s a new update from Squarespace however that provides new design packs for Squarespace forms, allowing you to customise your form design and remove the need for custom CSS.

Watch the video

Check out the YouTube video below 👇

Firstly, add your contact form to the page you want it to sit on. Once added, double click on the form and head to the design tab of the panel that appears. 

Customising the design of a Squarespace form

Here you’ll see there’s a new section called Form Styles. You can click the drop down menu and select from four different design packs including underlines and borders.

Form design presets on Squarespace

You can also change the button alignment for your contact form, with a new option of making it full width. In my opinion, full width buttons look so much better on contact forms.

Change form button width Squarespace

If you want to customise your contact form further you can also choose a different button style and add a background to your contact form too.

Over in Site Styles you can further customise your form packs, changing aspects such as fonts and border thickness. 


📩 Join the inner circle to get exclusive code updates


This is a great new update from Squarespace offering tonnes of creative freedom for designing contact forms!


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?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

How To Migrate Your Squarespace Website From 7.0 to 7.1 [FULL MIGRATION GUIDE]

Next
Next

Squarespace Guide: Customise Favicon for Light and Dark Browser Modes