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