As a Squarespace designer and developer, I've been working with Squarespace for 10 years. I want to spread the love of Squarespace by sharing some of my knowledge with you - for free.
These guides are copyrighted but are free for use on your own Squarespace websiteWhilst you are free to use the code in these guides on your own website, you must not use the code on a client's website unless you have paid us a royalty fee. In addition 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 them to pursue anyone worldwide who breaches our copyright terms.
How to make a new Squarespace Form GDPR-compliant
Learn how to identify IDs and Classes to change specific elements on your website such as index sections and titles.
If you are limited by what you can achieve with the Style Editor, try some simple CSS.
How to display an estimated price in Pounds Sterling (£) and Euros (€) alongside your US Dollar pricing
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?
Our tips are completely free and are provided to help further the knowledge of the Squarespace community. As we provide them free of charge, they are supplied without warranty or support.
We've tried to make our tips easy to follow because we 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, we can provide assistance on a chargeable basis. If you need a little extra help, read how to contact us here.
Our 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 useful we really appreciate it when you buy us a coffee. It inspires us to publish more. We don't provide free support for any of our tips but if you need more help you can hire us for paid assistance with your Squarespace site.
We give you permission to use the samples on this site on personal, non-profit and commercial sites to allow you to enhance the functionality of your Squarespace website. You may modify and reuse the code for this purpose.
We do not give you permission to re-sell the code or the accompanying articles, in any form or by any means.
We do not give you permission to reproduce the code in any form or by any means unless expressly permitted by the author in writing. To apply for permission, please contact us.