Unusual Squarespace Tips from a Professional Web Designer

I share as much information, insights, tutorials and tips about Squarespace as I can.

It’s my favorite website platform and I genuinely want people to get the most of out it. But, sometimes I feel like I keep sharing tips and tricks that are similar to each other or that countless other people have already taught.

So, today I wanted to share something a little different.

I’m not talking you through any step-by-step process or tutorial. I’m just sharing with you a few things I’ve learned that have made all the difference for me and my clients.

Unusual Squarespace Tips from a Professional Web Designer | I'm sharing three unique tips that have helped me create truly custom Squarespace sites. Read my tips at www.jordanprindledesigns.com #squarespacetips #squarespacedesign #squarespacetutorials



1 | The Spacer Block is Your Friend

Squarespace gives you a long list of blocks to help you customize your website. From social media blocks to gallery blocks to the code block. Yet, my favorite block is the Spacer block.

The Spacer block is the ultimate building block that Squarespace has created. The Spacer block, doesn’t just add white space to your website. It allows you to completely customize the layout of every single page on your website.

In order to make the most out of your Spacer block, I have a simple two step process. (I realize I said I wouldn’t give you a step-by-step process. It would appear I lied. Sorry.)

First, before you ever add anything to your website, create a wireframe. A wireframe is a preliminary sketch to layout the content of your website.

Once the wireframe feels right, it’s time to open up Squarespace. To get started, recreate the wireframe using just the Spacer blocks.

Spacer block in Squarespace with Jordan Prindle Designs.png

Now that the Spacer blocks are in place you can fill in the content quickly and easily.

Spacer block layout in Squarespace with Jordan Prindle Designs.png

If you’ve ever tried to edit a Squarespace page before and had trouble getting the layout you want, add a full-width Spacer block. It acts like a layout refresh for all the content below the Spacer.

2 | A little CSS goes a long way

CSS stands for Cascading Style Sheet. CSS is a simple mechanism for adding style (think fonts, colors and spacing) to your website. 

On Squarespace, you don't need to know a lot of CSS to customize your website. CSS just offer you a little more flexibility than the built-in Style Editor.

On my website, I’ve used CSS to add colored backgrounds, customize my read more blog links and add an accordion menu.

I always try to provide a little CSS to each of my web design clients. For a current web design client I have, I customized the lightbox and summary block on their homepage. If you follow me on Instagram, you might have seen me mention this in my Stories.

Long story short, CSS helps you make the fully customized Squarespace site of your dreams.

Related: A Beginner's Guide to CSS + A CSS Cheat Sheet


3 | A Few Blogs Never Hurt Nobody

Another trick, I love to use is adding blogs to Squarespace.

Besides the Spacer block, the Summary block is my favorite Squarespace tool. It allows you to display content in fun and unique ways. However, the Summary block only shares content from a blog or a shop. So, adding a non-traditional blog to your website can be a great workaround.

If you’ve taken a look at my homepage, I have scrolling testimonials. Squarespace doesn’t provide a Testimonial Block. So, I had to get a little creative.

I created a blog dedicated to client testimonials. From there, I was able to add it to my homepage with the Summary Block. I used the built-in design settings, a little CSS and viola, I have scrolling testimonials.


What unusual Squarespace tips do you have? Share them in the comments below!