5 Fabulous tutorials to up your Squarespace game.
If you read the Bravebird blog often, you know I love Squarespace. It’s easy to design and maintain a website and it's perfect for all types of entrepreneurs.
I’ve learned a lot over the years about coding and “hacking” Squarespace to make my websites look original and customized and I want to share some of the things you might not know youcan do on the platform.
Rather than reinvent the wheel, I decided I’d write a roundup post of five wonderful Squarespace tutorials that I have used to elevate my website or my clients’ websites.
In a previous blog, I outlined 8 ways to rock your Squarespace blog. Well, here’s a ninth way.
Samantha of Revamp Amor wrote a blog about how to create a blog signature using a gallery block that can include multiple links.
You’ll need a little design know-how to create the image, but after that it’s pretty easy (no coding necessary).
She even included a video tutorial that walks you through every step of the process.
One of the most frustrating things about Squarespace is the lack of certain features on different templates. One of the main features that I think should be included in every template (but isn’t) is a blog sidebar.
A blog sidebar is great for featuring important information and links that you want to make sure your readers see and interact with. (Read about what I think a good sidebar contains here.)
Fortunately, there are workarounds and even plugins that allow you to have a sidebar even if your template doesn’t include one.
Rekita walks you through how to create a faux sidebar that will work on any template. It’s an easy workaround that will give you a sidebar on your blog.
It isn’t perfect though. The sidebar will only show up on your main blog page, not individual blog post pages. And it uses the summary block which only displays a maximum of thirty items. So once you’ve published thirty blog posts, you’ll have to create a new one.
But it can be really helpful if you love your Squarespace template, but must have a sidebar and don’t want the hassle of switching to a template that has one built in.
Okay, this is a tutorial I adore!
In web design, it is so necessary to break up information on web pages. Using different heading sizes, bullet points and lists helps do that. When you can make a list interactive and take up less space like this accordion does, it’s genius!
This tutorial shows you how to create a hide/show accordion style list for your FAQs. You can see mine in action here.
Colin Irwin of Silvabokis created a way to showcase an accordion and make it beautiful and customized to your website. You can change the fonts, colors, and toggling properties to make it unique and consistent with your branding.
This tutorial requires using the markdown block and inserting a bit of jQuery code, but Colin does a great job of making it easy and clear.
There are times when you want to customize something on your Squarespace website and it’s not possible to do it using the style editor.
Such is the case for the “read more” link for blog posts. If you include excerpts of your posts on your main blog page, you’ll see a “read more” link that takes readers to the full blog post.
This tutorial walks you through how to customize that link. It is really well-written and thorough and Megan explains how the CSS code works and what to change. Check it out!
One of the most important things your website can do is encourage people to take action. That action may be to contact you, sign up for your newsletter, or share your content on social media.
When you’re blogging, more social shares usually means more people will end up seeing your post, and a “click to tweet” quote makes it super easy for people to share your post on Twitter.
Sam of Brand It Girl wrote a post about how to easily do this two different ways - using the Click to Tweet website or using code. I used the code snippet method in this post and was very pleased with the results.
There you have it, five fabulous tutorials to elevate your Squarespace website and blog. If you have any questions, leave them in the comments below or get in touch...I'm happy to help.
Are you comfortable inserting code into your Squarespace website? Have you used any of these tutorials? Let me know how it went in the comments.