How to Use the New Squarespace Image Block

The perfect web design platform for the minimal + chic influencers & businesses.

Squarespace’s dedication to improving and innovating the platform is impressive. As a Squarespace Circle Member, I am so excited to be at the forefront of what’s new. Even if Circle members can’t discuss it, Squarespace works to improve and innovate its platform to better work with and empower the small businesses that rely on it. So refreshing!

Today, they’ve announced the latest launch, Image Block 2.0. For now, it’s only available for use on Pages (not posts, sidebars, footers, etc). Image Block 2.0 allows you to add modern & on-trend styling to your image directly while editing the page, decreasing design time and page-loading time. (And bonus) acts as an added boost to SEO (since it’s live text).  You can add an Image Link to each one, this will produce either a button or a clear link over the image.

Where to Find & Start Using

Create or edit an existing Image Block > In the IMAGE editing dialog window, you now see Design.

What’s New

Six options for image blocks.

 

1. Inline (Original)

Adds copy underneath the image (in line with surrounding text). Able to stretch image to fit container or Enable lightbox. This is the standard method that was in place before. I’ve chosen the inline option that shows up when you hover.

2. Poster

The Poster block places text directly on top of the image.

 

Want to see how I styled the Image Blocks in this post?

3. Card

 

4. Overlap

Places a portion of the text on top of the image with an optional highlight color

 

5. Collage

Text Box overlapping an image with an overlay.

 

6. Stack

Multi-column rows of stacked images and text. Ideal to stack multiple images together.

 

 


See How to Choose them in action in this short video:

(No audio. I click around to show you how to edit each image)

 

In the video above, you see the original image blocks. I’ve got a free video that shows how I edited the image blocks above.

CLICK HERE TO GET VIDEO

I recorded a super quick video, just in case there was anyone still feeling their way around Squarespace! It’s all part of my upcoming Design community, #CreateherSpace. But more on that later. 🙂

Which one is your favorite?

I love the Poster card.  Excited to use all them for my clients!

 

Was this Post Helpful?

Use the image below to share it on Pinterest + Twitter!

How to Use the New Image Block on Squarespace - from www.Narsha.co | Web Design & DIY Design Training for Online Creative Businesses.

Follow:
Share:


Leave a Reply

Your email address will not be published. Required fields are marked *