5 Creative Ways to Customize Your Squarespace Website

Squarespace is by far my favorite website platform for creative business owners. 

Squarespace is user-friendly, boosts SEO, has great support and is really affordable. I especially love the amazing templates that Squarespace has created with small business owners in mind. However, with a popular platform, like Squarespace, you need to get a little creative to make sure your website stands out among the rest. 

With this new blog post, I'm sharing a few simple ways to customize your website that will make a big difference! Keep reading to learn all five. 

5 Creative Ways to Customize Your Squarespace Website | Designing a one-of-a-kind #squarespace site can be hard. But, with a few #custom design tricks you can be sure your #webdesign pops. Read all five creative solutions at www.jordanprindledesigns.com #branding #graphicdesigntips #squarespacedesign

 

 

1 | Colored Backgrounds

Clutter is a big no-no in web design, especially for us minimalists. 

If you plan to have long-scrolling pages, I highly recommend utilizing colored backgrounds. They segment your information, highlight creativity and ease readership for your prospective clients. 

In order to do this in Squarespace, you need a little creativity and custom CSS. Luckily, you came to the right spot. 

Step 1: Organize the information you would like segmented into pages. 

Step 2: Create Index pages that will house all page information.

Creative Ways to Customize Your Squarespace Website | Index Pages in Squarespace

Step 3: Add content underneath each Index page to create separate pages. 

Step 4: Navigate to Design > Custom CSS

Step 5: Fill the Custom CSS tab with the below code.

#page-name {
background: #f2f2f2
}

Note: To change the color replace #f2f2f2 with your preferred color hex code.

Step 6: Select Save!

 

 

 

2 | Customize Your 404 Error Page

A 404 error or "Page not found" is the page that appears when a visitor attempts to view a page that doesn't exist on your website. Most small business owners, especially Squarespace users, never customize this page. 

I think that's a mistake. 

I suggest all business owners create a custom 404 Error page for three main reasons. First, to reinforce your brand. Second, reengage a frustrated user. Without a custom 404 Error page, your users are likely to just leave your website. With a custom 404 Error page, they are more likely to stay due to helpful links and resources. Lastly, increasing your conversions. If someone is more likely to stay on your website, they are more likely to click the links you provide.

Luckily, Squarespace makes customizing your 404 Error Page really simple. 

Step 1: Open the back-end of your Squarespace website. Navigate to Pages and create a new Not Linked page. Design your new page and Save it.

Step 2: Navigate to Settings > Advanced. At the top of the Advanced menu you should see 404 Error / Page Not Found, select this. 

Step 3: Use the drop down feature to select your newly customized 404 page. That's it!

Related: How to Make the Most of Your 404 Error Page

 

3 | Add Related Posts with Summary Blocks

Related posts are seen at the bottom of blog posts to encourage readers to continue reading blog posts from your website. As a small business owner, you know that the longer people stay on your site, the better chance you have to foster a relationship with your readers. 

However, Squarespace makes setting up related posts a little tricky. Luckily, I have a creative fix to this common problem. 

Step 1: Click an insert spot to add the summary block to your blog post. I recommend using the Carousel Summary Block. 

Step 2: Using the pop-up window, select Blog to display your blog content. 

Creative Ways to Customize Your Squarespace Website | Summary Blocks Content Settings

Step 3: Select the Layout tab to begin customizing the display.

You can customize the Header Text, Aspect Ratio, Items per Row, Text Size, Text Alignment and Metadata Position. Take some time to play with the settings and decide which selections look best for your website and blog post graphics.

For my blog, I only customize the below settings:

  • Header text: Related Posts
  • Items per Row: 3

Under the Display tab I remove all text from my related posts display, so I don't spend the time customizing the text selections. 

Creative Ways to Customize Your Squarespace Website | Summary Blocks Display Settings

Step 4: Select the Display tab to further customize your related posts. 

Under the Display tab you can customize the number of items in the carousel, how much content you display, Metadata and categories or tags you'd like to use to customize the content highlighted. 

Related: How to Add Related Posts to Squarespace

 

4 | Add a Favicon

Adding a Favicon to your website goes a long way in presenting yourself as an established brand. 

A Favicon is a branded icon that appears associated with a companies URL that is displayed in a browser's address bar or next to the site name in a bookmark list.

If you worked with a professional designer for your brand, you should already have a Favicon to include in your Squarespace site. If you haven't, I'd love to help you get a simple Favicon created. Shoot me an email!

Squarespace makes adding a Favicon to your website really simple:

Step 1: Navigate to Design > Logo and Title

Step 2: Scroll down to the Browser Icon (Favicon) section

Creative Ways to Customize Your Squarespace Website | Add Favicon in Squarespace

Step 3: Upload your Favicon and Select Save

It is that simple and makes a big difference in displaying your business as a credible and established resource. 

 

5 | Customize Image for Links

Lastly, I think you should customize your links with images. 

There is no better way to customize your website than to utilize graphics, photos and icons to make your website really POP! My personal favorite, is using icons as buttons. Take a look at my sidebar, to see how I've used icons to help you easily navigate the sections of my blog!

Squarespace makes it really simple to link your images and turn them into buttons, opt-ins and so much more. Learn how:

Step 1: Upload your image

Step 2: Fill-in your SEO-boosting information

Step 3: Navigate to the Design section of your image and scroll to the bottom. 

Step 4: Select Click to Add URL and upload a file or navigate to an internal or external link. 

Viola!

 

Using just a few of these tips will go a long way towards creating a custom and memorable website for your business!


Which customization are you going to use for your website? Let me know in the comments!