30+ Squarespace Tips and Tricks Even Non-Designers Could Benefit From

30+ Squarespace Tips and Tricks Even Non-Designers Could Benefit From | ProductiveandFree.com
 

You probably know by now that your website is the central hub of your business. It’s where people find you, learn more about your business, read your blog, book your services, or purchase your products.

While it’s no surprise that a lot of thought and strategy need to go into building your website, there’s no need to spend more time than necessary to get it up and running. For this reason, I suggest using Squarespace to build your site.

Squarespace is not just a website builder; it’s an all-in-one content management system or CMS. With your subscription, you have access to their user-friendly platform, content hosting, well-designed templates, built-in security and analytics, 24/7 support, and many more.

I admit, there were many things I didn’t know about the platform in the beginning so I ended up figuring a lot of it out on my own. But since I’ve learned a lot since then and I don’t want you to waste as much time as I did, here are 31 Squarespace tips and tricks that even non-designers (like me) could benefit from.


01. Refer to Squarespace support

It’s best to mention this as the first tip and let you know about this helpful resource before moving forward. If you ever have questions or if you need assistance with the platform, Squarespace has a 24/7 customer care team you can turn to and if you’re interested in code solutions, workarounds, or tips from other Squarespace users, check out the community forum called Squarespace Answers.


02. Compare templates first

When I first signed up for Squarespace, I had no idea what template to choose or what features I needed. So I did what any other non-designer might’ve done—choose the template that looked the prettiest.

It was only later on that I realized I wanted a blog with a sidebar, headers that run across the page, a navigation button, a stackable index, and many more. This is why I switched to the Hayden template but in your case, make sure to look into each template’s features and see if those are indeed what you need. Definitely test those during your free 14-day trial period.

Click here for some template comparison charts made by Squarespace and click here for one made by UsingMyHead.com.


03. Create a logo with Squarespace

Not a lot of people know this but you can create your own logo using Squarespace’s logo maker. If you’re already a customer, you get to download the hi-res version for free but if not, you can purchase one for $10.


04. Add a favicon

A favicon (or "favorite icon") is the icon associated with your website and web pages. It’s often seen in your browser tab (right before the page name) but it’s also displayed when your page is bookmarked. For example, ProductiveandFree.com’s favicon is an orange checkmark.

Treat your site’s favicon as a branding opportunity by changing the default Squarespace favicon to your logo or some other icon you want to represent your site.

Go to Home > Design > Logo & Title > Scroll down to Browser Favicon

31 Squarespace Tips and Tricks | ProductiveandFree.com

05. Enable the Esc key to login quickly

You have the option to quickly log into Squarespace by pressing the Esc key on your keyboard whenever you’re viewing a Squarespace site.

Go to Home > Settings > Advanced > Login with Esc Key

31 Squarespace Tips and Tricks | ProductiveandFree.com

06. Double click the arrow to jump to Home

Whenever you’re inside a subpage, you can quickly jump to the Home window by double clicking the top page navigation arrow from the left sidebar menu.

31 Squarespace Tips and Tricks | ProductiveandFree.com

07. Add a site description for search engine optimization (SEO)

Whenever someone uses a search engine to find your site, you can make sure it displays the information you want.

This will not update immediately but you should see the changes within a few hours/days, depending on the age and ranking of your site.

Go to Home > Settings > SEO

31 Squarespace Tips and Tricks | ProductiveandFree.com

Here’s what Google shows when you search for my site:

31 Squarespace Tips and Tricks | ProductiveandFree.com

08. Change the blog URL slug

You can help search engines find and categorize your site pages by editing the URL slug.

Make sure to do this for your blog before you publish any posts otherwise your blog post URL might look something like this: www.yoursite.com/2018/10/9/title

I suggest removing the publish dates and naming your blog page as it is (/blog) with targeted keywords instead (ex. www.yoursite.com/blog/insert-targeted-keyword).

Go to Home > Pages > Blog > Settings (the cog icon) > URL slug

31 Squarespace Tips and Tricks | ProductiveandFree.com

09. Secure your site with SSL

SSL (Secure Sockets Layer) is the standard security protocol for establishing an encrypted link between a web server and a browser, and this is built-in already with your Squarespace site.

Go to Home > Settings > Security & SSL

31 Squarespace Tips and Tricks | ProductiveandFree.com

10. See how your site looks when using other devices

You can check how your site looks when using different devices to make sure everything is displaying how you want it to. Simply click on the line/down arrow icon at the very top of your editing window and select the mobile, tablet, or desktop icon.

31 Squarespace Tips and Tricks | ProductiveandFree.com

11. Answer comments all at once

No need to individually open up every single blog post that has a new comment.

Go to Home > Comments

31 Squarespace Tips and Tricks | ProductiveandFree.com

12. Integrate social media

It’s easy to integrate your Squarespace site with your social media accounts. This is helpful to encourage people to share your posts or follow you on different platforms, and you can even push blog posts and products to your social media accounts as soon as they’re live.

Go to Home > Settings > Connected Accounts

31 Squarespace Tips and Tricks | ProductiveandFree.com

13. Use spacers as guides

One of the best features of Squarespace is that it’s mobile-ready; however, the order of your content blocks as seen on different devices may differ from how they look from the desktop view.

I suggest inserting spacers first and then use these as guides to add your content in the correct order. Then once you’re happy with the layout, simply delete the spacers.

31 Squarespace Tips and Tricks | ProductiveandFree.com

14. Create a secret page for your design guide

It can be challenging at first to set up your design settings and make sure they all match and complement each other.

Make it easier for yourself by first creating a secret unlinked page to use as a template. Fill it with various design elements (ex. headers, link color, button sizes, image displays, etc.) and then edit the style settings as you please.

31 Squarespace Tips and Tricks | ProductiveandFree.com

15. Add linked pages

You can easily direct visitors to pages within or outside your website by using linked pages.

For example, in the footer section of ProductiveandFree.com you’ll see a navigation tab named “Community” which will lead you directly to my free Facebook group for entrepreneurs.

31 Squarespace Tips and Tricks | ProductiveandFree.com

16. Use cover pages as dedicated landing pages

Cover pages is one of the most versatile and powerful features of Squarespace. These dedicated landing pages are easy to create and they allow you to highlight a single message to encourage a visitor to take a specific action.

You can use them as an opt-in page, coming soon page, announcement page, thank you page, 404 error page, webinar sign up page, waiting list page, and many more.

31 Squarespace Tips and Tricks | ProductiveandFree.com

17. Create page templates and simply duplicate

If you style several pages in a similar way, consider creating page templates and then simply duplicating them whenever you need to create a new one.

This can save you time and energy when creating multiple webinar pages, sales pages, client portals, thank you pages, opt-in pages, portfolio pages, testimonial pages, and many more.

31 Squarespace Tips and Tricks | ProductiveandFree.com

18. Create a blog post template

You can take creating page templates one step further by creating blog post templates as well.

For example, since all my blog posts follow a certain format—vertical blog image, blog post text, opt-in or CTA, and related posts—I’ve created a template in my Squarespace blog page which I simply copy whenever I publish new blog posts.

+ Related post: How I Created a Blog Post Template in Squarespace


19. Use summary blocks to highlight related posts

To encourage your website visitors to stick around, consider adding related posts within your blog posts. You can do this by simply adding links to text or by adding a summary content block as shown below.


20. Enable the announcement bar

You can enable an announcement bar to appear at the top of your website, across all your pages. This is helpful if you’re looking to highlight an important call-to-action (CTA) for your visitors in a way that isn’t as disruptive as a pop-up window.

Simply go to your style settings, choose the bar color and text color you want, edit the text, and insert the URL you want to direct people to.

31 Squarespace Tips and Tricks | ProductiveandFree.com

21. Use Acuity Scheduling for free

If you’re a Squarespace customer, you get a free Acuity Scheduling Emerging Entrepreneur Plan which you can use to schedule meetings and share your calendar with customers and clients.

After you set up your account, simply add the integrated content block to any page you want.

31 Squarespace Tips and Tricks | ProductiveandFree.com

22. Paste as plain text

If you’re pasting text to Squarespace from an outside source (ex. from Google Docs, Pages, or MS Word), the text formatting might be different from that of your site.

Try pasting your text without formatting and then just change the formatting within Squarespace. You could do this by clicking on the “Paste as Plain Text” button, using the keyboard shortcut [Command + Shift + V], or using your right click button and choose the “Paste and Match Style” option.

31 Squarespace Tips and Tricks | ProductiveandFree.com

23. Customize your 404 error page

Squarespace has a default 404 error page but you can create and use your own. You can include resources to help visitors search for whatever they’re looking for, browse other blog posts, sign up for your mailing list, check out your products or services, contact you directly, follow you on social media, etc.

Go to Home > Settings > Advanced > 404 Error / Page Not Found

31 Squarespace Tips and Tricks | ProductiveandFree.com

24. Remove the header, pre-footer, or footer

If you’re looking to focus your visitor’s attention within a specific page, it can be helpful to actually hide the header, pre-footer, and footer within that page.

You can do this by adding the following code to the Advanced settings of the page:

<style>

#header {display: none !important;}

#preFooter {display: none !important;}

#footer {display: none !important;}

</style>

Note: This code works with the Hayden template. If it doesn’t work for your site, you can search for the specific template code from Squarespace Answers.


25. Create a line image then use it as a divider

Squarespace provides a line as a content block (see below) but you can create your own line image, upload it, and use it as a custom divider.

 

Squarespace line:


Own lines:

PF
PF
Line
 

26. Use a button for your CTA

A call-to-action (CTA) is a marketing term that refers to a prompt or instruction given to an audience to encourage some form of action or response.

Within your website, it helps to add CTAs all around to encourage visitors to sign up for your mailing list, buy a product, book your services, check out a different page, or do something else.

Remember, the more your CTA stands out, the better, which is why I suggest using buttons for your CTA.

31 Squarespace Tips and Tricks | ProductiveandFree.com

You can even style up to three kinds of buttons in Squarespace (small, medium, and large).


27. Use an image for your CTA

If you want a more customized message with graphics and not just text, you can also use an image as a CTA. Simply design an image, upload it to Squarespace, and link the website or web page you want to direct your visitors to.

Here’s an example:

 
 

28. Create multiple blogs

Blogging is a powerful content marketing strategy to attract and convert customers and fortunately, Squarespace makes this very easy.

But aside from your main blog page, you can add multiple “blogs” for other purposes such as to showcase your portfolio, testimonials, different service packages, and many more.


29. Add code

In my opinion, one of the best features of Squarespace is the fact that you don’t need to learn how to code. But if you would like to further customize your site or integrate it with 3rd party tools or apps, there are places you could add code such as the Advanced section of a page’s settings, the Custom CSS section, or Code Injection section.

31 Squarespace Tips and Tricks | ProductiveandFree.com
31 Squarespace Tips and Tricks | ProductiveandFree.com
31 Squarespace Tips and Tricks | ProductiveandFree.com

30. Use URL Mappings

URL mappings might sound “techy” but its simply a way for you to redirect people from no longer existing pages to active pages, or you can use URL mappings to send people to pages using a shorter, more memorable URL.

For example, let’s say you have a blog post URL: www.yoursite.com/blog/no-one-will-remember-this-extremely-long-URL

Using a URL redirect, you can create a shorter URL that you can give to other people (ex. www.yoursite.com/short) which they can remember better. Then once they type it into their browser, they can be redirected to the blog post with the long URL.

Go to Home > Settings > Advanced > URL Mappings


31. Connect Google Analytics

Squarespace has its own built-in analytics to help you monitor your website’s performance and visitor behavior but it’s still no match for Google Analytics.

Once you’ve set up your GA account and integrated it with your site, you can also integrate this with Squarespace and see your top search keywords directly within the platform.

31 Squarespace Tips and Tricks | ProductiveandFree.com

32. Disable the Squarespace Badge

Each new site comes with a default Squarespace badge that says, “Powered by Squarespace,” but you have the option to disable this.

Go to Home > Design > Squarespace Badge

31 Squarespace Tips and Tricks | ProductiveandFree.com

33. Use the official Squarespace coupon code

It’s surprising how few designers and bloggers know about this helpful tip but Squarespace actually offers an official coupon code to get 10% off your first purchase.

31 Squarespace Tips and Tricks | ProductiveandFree.com

Click here to get the Squarespace coupon code.

Share in the comments below: Have you created a Squarespace website for your business already? Which tips and tricks from this list have you heard of before? Which did you learn about just now?



30+ Squarespace Tips and Tricks Even Non-Designers Could Benefit From | ProductiveandFree.com