The

Snippet Directory

A curated collection of versatile snippets for Squarespace designers, aimed to help customize client projects in a fraction of the time.

Product item button - Summary block
Squarespace 7.0, Classic Editor, Fluid Engine Beatriz Caraballo Squarespace 7.0, Classic Editor, Fluid Engine Beatriz Caraballo

Product item button - Summary block

If you’re working with a Summary Block linked to a product/shop page and you’re wanting to display something like the native “Read More” button to lead to the item’s details, this is the snippet for you! You’ll have the ability to choose the text that gets displayed, the color of the button and the style of its font, to make sure everything matches the rest of your site.

Read More
Minimal poster style - Summary Block

Minimal poster style - Summary Block

Looking to create an Auto Layout-y style for your Grid Summary Blocks in Squarespace? Then get your hands on this poster-inspired code snippet to achieve a clean and minimal look for those blocks on your site. You’ll be able to tweak the title of the summary items to match your brand, adjust the background color of the slides and make the hover mode shadow and shift as subtle or bold as you like!

Read More
Minimal rounded fields style - Newsletter Block

Minimal rounded fields style - Newsletter Block

Get a sleek one-line look for your Newsletter Block, with rounded fields, with this code snippet! You’ll be able to copy/paste your way into this minimal look in just a few minutes, and tweak the spacing, roundness and shadow of the fields with a couple of clicks.

Read More