Squarespace Tips, Tricks and Tutorials
I've been working with Squarespace for more than 10 years as a developer and UX expert. I want to spread the love of Squarespace by sharing some of my knowledge with you. Scroll down to see some of the guides I've published.
Important Copyright Notice
These guides are copyrighted. You must not publish, sell or distribute the code (including to clients) or make any other claim to it. We use a third party service to detect illegal use of our software and we reserve the right to engage our lawyers to pursue anyone worldwide who breaches our copyright terms.
Whilst you are free to use the code in these guides on your own Squarespace website, you must not use the code on a client's website unless you have paid a royalty fee.
Which is the best solution for an online store?
How to make a new Squarespace Form GDPR-compliant
Learn how to change specific elements on your site by identifying IDs and Classes
If you are limited by what you can achieve with the Style Editor, try some simple CSS.
Help your customers complete the date field correctly with a date picker on your Squarespace form
Add a description when a visitor hovers a word on your site.
Tweak the blog card view so that the year is visible instead of the day
How to limit your CSS style changes to certain pages on your Squarespace site.
Add a floating button that takes visitors back to the top of long pages
How to display a warning explaining that a site has a minimum legal age
How to customise the appearance of Summary Blocks
How to add an area to your photography website so that clients can log on to preview their order
Add a notice to let customers know if today's weather-dependent trip is taking place
Use the mobile information bar to book a table in your restaurant
Upgrade to a banner that supports implied consent and disappears when a visitor loads the second page
How to improve form blocks for visitors outside the US
Add colour-coded tiles to the Tudor template
Remove the paragraph width restirction in blog posts
Change the default setting of two images per row on small screens
Another pricing table design for up to three cost options
Add tables to compare three offerings including the most popular option
Prevent the navigation from splitting across two lines
How to remove the plus signs from folders in the navigation
A tutorial to help you add CSS to your Squarespace website
A tutorial for adding new fonts to your Squarespace site
New to Squarespace? Start here.
Need more help?
My Squarespace tips are provided to help further the knowledge of the Squarespace community and are completely free for your own personal use. They are therefore supplied without warranty or support.
I've tried to make the tips easy to follow because I want you to be able to do it yourself, learn a little programming and amaze yourself! Whilst free support is not available in any circumstances, I can provide assistance on a chargeable basis. If you need a little extra help, read how to contact me here.
The tips are provided "as is", without warranty of any kind, expressed or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. If you find them helpful for you personal use, I really appreciate it when you buy me a coffee. It inspires me to publish more. I don't provide free support for any of the tips but if you need more help you can hire me for paid assistance with your Squarespace site.