My 6 favorite code resources for Squarespace

Let’s face it, we can’t do everything.

And I don’t know about you but, personally, I don’t want to do everything anyway.

So, even when I dedicate roughly 80% of my time to try and come up with code customizations for different Squarespace limitations (that kinda rhymed there), if there’s something already out there that another designer has kindly shared with the world… why reinvent the wheel?

That’s why, today, I’d like to share with you a few of the code customizations I’ve bookmarked and have kept referring to over and over again whenever I need them, in the hopes that you will find them useful as well for your future Squarespace projects!

In no particular order, these are my favorite code resources:

1. Redirecting to a landing page from a form

By: Devon Stank

This was one of the first code snippets I came across when I was starting to use code!

It does exactly what the title says: redirects your Squarespace form to a landing page instead of showing the success message!

The code comes in very handy when you’re working with Squarespace’s forms instead of third-party ones, to take the subscriber or inquirer to a thank you page, share page, or even tripwire!

2. Template finder

By: Silvabokis

It’s very likely that you’ve come across this resource before, but just in case I wanted to list it here!

Sometimes you need (or want!) to know which template a Squarespace site is using, so for those times I have bookmarked this great little tutorial + search engine.


3. Collapsible FAQs menu

By: Silvabokis

There are several of these dropdown faqs out there so you definitely have options!

I’m listing this one here because it’s literally the one I use on my site or on any other client site when I need to add a collapsible info section.

This one is also by Colin from Silvabokis.com!

4. Summary carousel autoplay

By: ghostcat in Squarespace Answers

I came across this super handy script after a VIP asked me if I knew any workarounds to make the summary carousel block autoplay, and I’m so glad I did!

I’ve used it in previous projects and it works like a charm, especially if you want to create rotating testimonials.

5. Multilanguage menu

By: Brad Good

I found this super useful code thanks to a blog post by Kath O’Malley.

This is a little bit more project-specific, but I followed this tutorial to create a multilingual site for a client and it worked perfectly!

The implementation is a bit more complex than the previous snippets mentioned in this list, but it’s still fairly easy to get it working without issues!

So if you design sites for clients or want to create a multilingual site for yourself, keep it on hand.

6. Reducing the amount of summary block thumbnails in mobile

By: Silvabokis

Yes, yet another code snippet by Colin.

But what can I say? He shares some super useful code!

Anyway, I’m a big fan of tweaking mobile design in Squarespace to make it look its best, so I’m always excited when I come across super easy code snippets like these, that can be implemented right away to take care of things like too many thumbnails on small devices.

In this case, you’re able to control how many summary block images show up on smaller screens, so if you have too many on desktop, they don’t take up so much scrolling space once they stack in phones.

Alright, and that’s it!

I hope these go-to snippets help you as much as they have helped me.

Until next time,

B.