Let’s look out how to create a connection between these two fantastic tools, so that you can start to grow your email list without getting overwhelmed.

This is a new block that's being added to all 7.0 & 7.1 SQSP sites. It's great for 'frequently asked questions' and 'read more' sections of text.

Even without any coding knowledge, you can use some fantastic CSS hacks in SQSP & even customize them yourself!

You can use Squarespace’s new Scheduling system to book consultations, appointments, photoshoots, weddings, tastings, meetings, or classes; and it syncs with Google, iCloud, and Outlook!

If you’ve played around with the newest iteration of Squarespace, version 7.1, you may have seen that under the Design > Fonts settings they have some pre-selected font pairings available to choose from. But what if you actually wanted to come up with your own font selections? How do you access all the fonts that are available to use? And where the heck are they keeping the option to change your navigation and site title fonts?!

If you’ve ever found a broken link, or clicked through an old viral Pin that no longer leads to anything, or misspelled some URL you heard on a podcast; then you’re familiar with the 404 error page. Even if we misplaced an outdated URL, we’ve worked hard to get visitors to our website; we don’t want to lose them now! So how do you create a more engaging error page just in case you wind up leading internet users down a broken path? Well Squarespace makes it easy!

Normally if you want to change how long a Squarespace line block appears on your page, you’d have to add a spacer block next to it and drag it over. I recently found myself working on a client website where I wanted all the lines to be the same width (or length depending on how you see things, haha). I wanted all the lines on the website to take up about 75% of the typical allotted space. So I used the simple code hack below to make this adjustment! Additionally, it’s kind of annoying that in the older versions of Squarespace, you can only have a black line… or a white line. The end. But sometimes, I want the lines to be an element of the color scheme, with a minimal pop of color. Other times, I want all the lines in the design to be subtle and fade into the background. This code will solve that for you too!

If you’re looking for a way to make your header a full-screen video, look no further!

So you’ve decided on Squarespace, because it’s the best all-in-one platform for your website. But you’re not sure whether to choose the Personal or Business plan? Let’s dive into it, and make it super clear for you 🙂 For many, many people the Personal plan is more than sufficient for a beautiful functioning website with great SEO, mobile responsiveness, a blog, and some coding capabilities. I’ll just walk through all the common scenarios in which you would need the Business plan’s premium features. And the great thing is, you can upgrade your plan at any time if your business’s needs grow!

If you’re looking for a way to make your header a rotating set of images, you’re in the right place!

A common way of showcasing photos is by using Squarespace’s carousel gallery block (or the new slideshow reel in 7.1). But this forces your photos right up next to each other, which can sometimes look crowded or confusing. So to let the photos breathe and pop more, I came up with a CSS solution that can be tweaked to your liking. Here are some before and after shots!

Depending on which template you start with in Squarespace; your logo, navigation menu, and other elements may have a solid background color; or they may sit right on top of a photo. If you want to switch up these style settings, here’s where you can find them!