The Differences Between Each Type of Squarespace Gallery Block

 
SquarespaceGalleryBlock_ComparisonChart.jpg
 

Gallery blocks are great ways to display images or graphics on your Squarespace site, but it can get confusing keeping up with which functionality each type of gallery block offers. And if you are a blogger, or a web designer who is continually creating new sites, it's helpful to quickly know which type of gallery block to use depending on the functionality that you need.

Here, I'm breaking down each type of gallery block so you can quickly figure out which one is the best for your needs. AND I've got a handy cheat sheet! 

Note: I talk a lot below about the gallery blocks having an option for image links to open in a new window. This is super important when you are linking to external sites from your website. Say you're a style blogger, and you are posting a gallery grid featuring 6 of your favorite wardrobe pieces. You include links with each image that link to where your readers can buy those pieces. So now your reader has clicked over to jcrew.com, but you didn't have your links set to open in a new window. Your reader falls down a rabbit hole on the JCrew site, and forgets she was ever on your site. And since your site is no longer open in her browser, changes are slim that she will be returning to it. We want to keep traffic ON your site, not direct traffic AWAY from it. 

Alright, let's get down to business: 


1. Slideshow

Slideshows are great to display portfolio items or rotating images on your site. A great spot for slideshows is at the top of a page.  

  • Play around with settings under the design tab to style slideshow to your liking
  • Customize where titles and captions display: Top, Top Left, Top Right, Center, Bottom Left, Bottom, Bottom Right
  • No option for images to open larger in a lightbox (but slideshows will probably be displayed large anyway) 
  • You can set individual links for each image in your gallery, but there is no option for links to open in a new window. (But there's a hack for that: Embed the hyperlink into the caption text instead and set it to open in new window, as illustrated in the screenshots below. Leave the Clickthrough URL blank.)
 
 
 
 

Slideshow example with autoplay, no titles or captions

 

Slideshow example with link embedded in caption: 

 

2. Carousel

The carousel gallery block offers the least amount of features, but don't underestimate it. You can set it to automatically transition between slides, or display next and previous controls, or both. You can also change the seconds between each transition. Carousels are great to display at the top of a page. 

  • Titles and captions do not display
  • You can set individual links for each image in your gallery, but there is no option for links to open in a new window
  • No option for images to open larger in a lightbox

3. Grid

There are so many different ways that you can use a gallery grid on your site -- to display portfolio items, or as image clickthrough links to other pages on your site. Below is an example of a gallery grid. You can display it with our without titles, change the spacing between images, or change it to a grid and set the number of images per row. 

This is another example of a grid, with 0 spacing and 2 images per row. 

  • Titles display under images; captions do not display
  • Individual image links WILL open in new window (It does not do this by default, you have to manually select this option.) 
  • Option to open images larger in a lightbox (click images above for example)

4. Stack

A stack gallery is literally just what it sounds like -- images stacked on top of each other. Stacks are great if you have several images to display in a blog post, as you can upload all of them at once in the same place, instead of individually creating new image blocks. 

  • Titles display under images; captions do not display
  • Option to open images larger in a lightbox
  • You can set individual links for each image in your gallery, but there is no option for links to open in a new window. (That's okay though, use the hack mentioned above!) 
  • No option for images to open larger in a lightbox
 
 
 
 

you might also like