5 ways to use a summary block in Squarespace

Organization of information is one of the hardest components to a site. Information should be chunked or grouped into categories, and organized in a way that not only makes sense, but also makes your life easier as the site owner, and your readers life easier because you are anticipating their needs, and making it easy to navigate. 

Squarespace's ability to organize, group and categorize information is like no other. They have created these blocks to help build your website, but also help organize and display information in a way that makes it easy for the designer and owner. 

This is important for your site because it helps with the sites usability. And in plain english, that means allowing your readers and potential clients to easily navigate your site to find the information they are looking for.

The easier you make it for them to find this information, the faster they can find what they're looking for, and either hit that contact, buy or sign up button. 

The summary block has quickly become one of my favourite ways to organize information within squarespace. Especially for unique businesses or bloggers that have a ton of content, and needs to be displayed in an easy to digest way. 

5 ways to use a summary block on Squarespace

Here are 5 ways to use the summary block on your squarespace website:

Blog posts

This is one of the most common ways to use a summary block. You can feature posts by specific category, tag or feature posts as marked in Squarespace. People commonly add these to the end of blog posts as a "suggested read" with other similar posts to read next. 

You can also use it to categorize your blog into the different sections or themes you write about. Or use it to feature your most popular posts at the very top of your blog page. 

A recent client had a food blog where she wanted to categorize her recipes by ages, and meal types. We easily did this using a summary block and filtered by tags and categories. We also added her blog posts to the home page of her website to feature each of her articles. 

Example:

 

Products

Selling products and setting up an e-commerce site can get very complicated. Especially if you have different product lines, types. An easy way to organize this quickly, is by using a summary block either in the intro portion of your page or on a brand new page within Squarespace.

Categorize and tag your products, and insert summary blocks to organize and group them for easy selection as we did for a recent client project. You don't have to be limited by the product page automatically set up in Squarespace for you. Divide your products by like items to make it easy for your audience to purchase, and stack multiple summary blocks on a new page. 

Example here:

 

Mini gallery

One of my pet peeves with the gallery block is the ability to do a masonry style grid (like pinterest), without cropping all the photos to the same ratio, and without having weird white space between all the portrait and landscape images. 

The summary block is a great fix to that problem! They have that exact function, which makes showcasing the photos easier and better to look at. The only downfall of the summary block is the limit of 30 items. So it is a great solution for smaller portfolio showcases, or galleries, but not for delivering entire session galleries to clients. 

Summary-block-example-gallery.png

Reviews

Post and update reviews once and never touch them again. People can scroll through them themselves. Sprinkling reviews throughout your site is a great way to build report, and establish trust with potential clients.

Instead of simply using the quote block to do this, and updating each page when you want to change one, you can use a gallery mixed with a summary block to make your life easier. Add your reviews to a new gallery in your site, and then use the summary block in the footer, or on any page you want to post the reviews, to display the information. 

Example:

Categorize large amounts of information:

A past client of mine had pages of resources and information that she wanted to include on the site. But formatting it into one page would make it to overwhelming to look at and read, but also breaking it into separate blog posts didn't allow us to properly utilize the information as it might get buried as she continues to use content.

Instead we created them as blog posts, and then featured them on a separate page in the navigation, and used a summary block to categorize the posts into groups. We were able to categorize the info, group like items, and display them in a visually appealing, and easy to digest way. 

Example

With so many ways to use the summary block in squarespace, there are endless possibilities for displaying your content. Use this block to improve how you display information on your website, and improve your user experience! 


The ultimate guide to planning your website workbook

How do you use summary blocks? Tell me below!


Megan Powell

Specializing in clean, simple brand design for creative small business owners.