6 Beginner Tips on Customizing Your Squarespace Website

I am a huge fan of building websites with Squarespace – not only do they look great and modern, they are also super simple to set up. And it doesn’t matter if you are looking at it from a PC or your smartphone; a Squarespace website is built to be responsive on all devices. I find it to be one of the most intuitive website building platforms available right now. 

For all you search engine optimization (SEO) folks, you should also know that Squarespace themes are also SEO-optimized from the ground up, giving you the ability to add title tags, change URLs, insert captions, and anything else that you can think of to really take your website analytics to the next level. 

Oftentimes when I start my conversations with clients who are looking for a website, the first thing that they tell me is that they are simply looking for something beautiful and stands out, but they just don't know how or where to get started. One of the best things about designing a website with Squarespace is you don’t have to know how to code or be super tech savvy to set up one of your own.

However, if you are looking for someone who create one for you, look no further. I can help you out with that -- just let me know what you are looking for and we can get started right away.

Below are some quick and dirty points that you can use to get started on your website. These points are meant for those who are just starting fresh with Squarespace, so if you're an intermediate user of the platform and you have further questions, please don't hesitate to reach out and ask me directly.

Resize Content Block

1) Resize Your Content Blocks

One of the best things about Squarespace is that their drag-and-drop web building interface means you DON’T have to know how to code. But what a lot of people don’t realize is that they can also resize the blocks on their Squarespace website. This is an easy way to change up the look of your website and give it a more personalized feel.

Using Spacers to Change the Size of Your Headers

2) Use Spacers to Change the Size of Your Headers

As you are customizing your website, take advantage of your positive and negative spaces. Adding space between the different text blocks and headers is not a bad thing! Not only will it help with readability, it will create a better overall user experience for your readers.

By default, Squarespace will make each of your image or content blocks full-width. I recommend you to use the spacer block to increase the spacing between or on the left & right of them as well. One thing that you should note is that these spacers disappear in mobile, so they only show up on your desktop.

If you want to try this, a great place to begin is by choosing one of the page templates Squarespace offers and then just make adjustments from there. Just be sure to keep in mind that consistency on each of your pages is key to a great looking website!

3) Create Custom Buttons, Borders, Graphics, and Images

Whenever possible, I always suggest adding your own images to your website because this will make it more personable and give your readers a better idea of your brand. I like to play around with the fonts and colours as well. 

You can do so using the Image Block function within Squarespace! This tool allows you to not only add your own images; you will also be able to edit & crop your images directly within the built-in editing tool that Squarespace provides.

Can't find what you're looking for? Don't forget that you can also use stock images provided by Getty images (as noted in the second picture above!).

This is so important because it gives you a chance to begin to brand yourself so much more uniquely. 

Add your own custom code!

4) Try Your Own Custom Codes

Squarespace may be great at the basics for your website, but what if you wanted to do more? Simple additions such as adding tabs / accordions, unfortunately, cannot be done in the platform at the moment.

However, with a bit of custom coding, you can be rest assured that it can be done! Plugins are one of the best ways to customize your website and make it yours. Here is a quick resource that I typically turn to when I am looking for custom scripts for my clients' websites.

When I am working with clients, I like to use a lot of custom coding, such as adding tabs and accordion effects to help separate text and simplify pages.

Don't add too much text!

5) Don't Add Too Much Text!

Want to hear a scary statistic? Only 16% of people will actually read what you have written on your website word for word. About 80% of people will just scan it so they can pick out the most important keywords and headlines. This means if your website has too much text, roughly 80% of your visitors will become overwhelmed and move on.

Your text can be especially long for those reading your website on their mobile phones, and with mobile searches recently overtaking the number of desktop searches, it's really important that you optimize your website to be easily readable on mobile as well.

Custom Squarespace - 3.jpg

6) Upload a favicon

If you are looking for little ways to add originality to your website, I suggest uploading a favicon. A favicon is a very small image that is usually found in the address bar of your web browser. Ideally, it will match the logo or theme of your website so your users will have an easy way to recognize your website at a quick glance. 

With favicons I recommend keeping it simple – just something small that you feel like represents who you are. This little change will go a long way toward making your website seem more professional.


I hope you have found these tips helpful! If you use any of these ideas when setting up your own Squarespace website, be sure to leave me a comment with a link so I can check it out.

Interested in finding a great freelancer who can work with you build your website for you, get in touch with me and let's get the conversation started. I don't bite!