Optimize Your 404 Error Page on Squarespace

by | Professional Life

kaboompics-com_headphones-and-laptop-on-a-wooden-desk-e1490638770675-5577916

404-page error pages can be very boring.

screen-shot-2016-02-01-at-2-44-29-pm-9563881

Pretty basic huh? It doesn’t grab your attention, it doesn’t offer anything but some boring wording. I don’t know about you, but I hate boring.

And that’s why I’m going to teach you how not to be boring.

Error pages lately have been more fun and creative. You can have a cheeky message or something cute and adorable that lessons the *ping* of stumbling upon a broken link.

Four oh Seven

screen-shot-2016-02-01-at-2-47-29-pm-4137025

If you’re a Squarespace user, you’re in luck. Creating a 404 is super simple without needing a single piece of CSS/HTML code* so it’s as easy as eating pie.

(*if you used CSS/HTML to alter your page, or you want to alter this page to hide your header or navigation, you’ll need to use that code to do so. If not, keep reading like this doesn’t exist)

Technically, you can select any page to work as your 404 Error Page, but I highly recommend creating a separate page that will always work, using a new page or cover page.

To get started

  • Go to the homepage and select pages.

  • Select the plus sign (+) to select a new page or cover page.

If you’re using a new page

  • (Again, I strongly suggest making this page an opt-in, however, you don’t have to)

  • Create copy that’s a little fun and cheeky like: “OOPS! Looks like we hit a snag? Try again! And while you’re at it, sign up for the newsletter of all newsletters.”

  • Add an image, video, opt-in form or newsletter block.

  • Save.

If you’re using ‘cover pages’

  • If you’re using a cover page:

  • Select the template you want.

  • Edit the wording for each section you want.

  • Under ‘action,’ create a button that will link back to your homepage, blog or both.

  • Create your opt-in using the “form” block.

  • Change the font, photo, color scheme, etc, to fit your color scheme.

  • Save.

Now that it’s set, let’s move to the next step!

Go to Advanced

secondstep-5338073

Go to Website

first-step-8317458

Select 404 Error Page

thirdstep-4666787

Use the dropdown menu to find the page you created.

final-step-9189014

Batta boom, Batta bing. You’re done. That’s it. You’re gold. See how easy that was.

Tip: Add anything to your 404 page, but use this opportunity to allow people to opt-in!

screen-shot-2016-02-01-at-2-59-15-pm-5268275

Need some more inspiration? Here are how other Squarespace users designed theirs:

Melanie Craft & CO

screen-shot-2016-02-01-at-2-49-41-pm-1770641

Renee Carmody

screen-shot-2016-02-01-at-2-50-08-pm-7485918

Scribbls Social

screenshot2016-02-01at2-50-47pm-8354549


Marsh Muller

screen-shot-2016-02-01-at-2-51-31-pm-7748950

hola! identity

screen-shot-2016-02-01-at-2-51-59-pm-2772675

Now it’s your turn. Change your basic into something great and let me know in the comments!

Until next time, C

Growing at Alt: Five Reasons You Should Go

Growing at Alt: Five Reasons You Should Go

Imagine going to a paradise city where creative people gather for a week to learn from one another. Well, you don’t have to imagine, because that’s what Alt Summit did for me and thousands of others last week. In my second year as a speaker and attendee, I kind of...

3 Reasons to Use Pinterest for Business

3 Reasons to Use Pinterest for Business

In 2009 I started using Pinterest to post everything I loved. It didn't have an order, plan, or strategy. If I liked it, I put it on its appropriate board and kept it moving. But like most mediums, Pinterest transitioned from only personal fun to another piece of...

Why You Shouldn’t Hire an Expert

Why You Shouldn’t Hire an Expert

The end of the year always brings out the rehaul in all of us: Time to rehaul the website Time to rehaul the branding Time to rehaul the copy I get it because 2020 not only means the beginning of a new year but an entirely new decade. But before you call on the...