4 Useful Tools to Boost Your Squarespace Design

There’s no point in spending hours on something that could take you 5 minutes.

We’re busy people with busy lives. On any given day, you might find yourself talking to clients, marketing your business, spending time with friends and family, taking care of your children, and on and on and on. So the key to productivity is to be efficient!

As as web developer, I’m always looking for tools or resources to design websites quickly and efficiently. I love working on the Squarespace platform, so I thought I’d share of few tools and resources that help me to speed up my workflow.

 4 Useful Tools to Boost Your Squarespace Design

4 Useful Tools to Boost Your Squarespace Design

Squarespace ID Finder

If you’ve ever needed to know a specific block id so you could add CSS to your website, then you’ll understand how useful the Squarespace ID Finder is.

Instead of digging through the code looking for the specific block id you need, you can just use this tool to immediately see the block and collection ids (and more) used across your website. Simply click on the id you want in order to copy it to your clipboard so you can paste it into your code.

SquarespaceWebsites Tools

 SquarespaceWebsites Tools is a plain but powerful Chrome extension with all the tools to import and export at your fingertips.

When redesigning a Squarespace website, it’s common practice to duplicate the website on a new trial site so that you don’t mess with the live website during the redesign process. Unfortunately, Squarespace doesn’t provide an easy way to duplicate Squarespace websites.

In comes SquarespaceWebsites Tools to the rescue. While this is a paid plugin, it is incredibly valuable. In the regular version (there is a pro version too), you can easily import and export Squarespace pages and collections between Squarespace sites. It also allows you to import and export Style Tweaks (under Design > Style Editor) and Code Injections.

Hours and hours saved? Don’t mind if I do.

Squarespace Font Optimizer

 Squarespace Font Optimizer. Improve your website's performance in seconds.

Every Squarespace template comes with a selection of Google and Typekit fonts for you to use. And some of the fonts are preset for you by default.

While incredibly useful, each font that is loaded onto your website can make your website load more slowly. And it can be difficult to track down every place the default fonts are used to change them.

To help with this, Cheers Studio created the Squarespace Font Optimizer. You’ll need to be a Squarespace Circle Member to use this (or hire a Squarespace Circle Member to do this for you), but it can save you a ton of time.

With this tool, you can export your Style Pack, upload it into the Squarespace Font Optimizer, and then choose which fonts to change across all of your style settings. Suddenly, your site is a bit zippier.

Ghost Plugins

Do you want free Squarespace plugins? We have good news.

Ghost Plugins by Moov is essentially a free repository of Squarespace code snippets submitted by the community. These plugins are easy to install and made for designers. You can download them for free or pay what you want. Any payment you make goes straight to the charity you choose.

Get ideas and code for designing summary blocks, headers, and so much more.

What tools and resources are you using to build your Squarespace website? Leave a comment and let me know!

Comments (1)

Leave a Comment

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