Optimize Your 404 Error Page on Squarespace

kaboompics.com_Headphones-and-Laptop-on-a-wooden-desk-e1490638770675.jpg

404-page error pages can be very boring.

Screen-Shot-2016-02-01-at-2.44.29-PM.png

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 hateboring.

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.png

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

Second Step.jpg

Go to Website

First-Step.jpg

Select 404 Error Page

Third Step.jpg

Use the drop down menu to find the page you created.

Final-Step.jpg

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.png

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.png

Renee Carmody

Screen-Shot-2016-02-01-at-2.50.08-PM.png

Scribbls Social

Screen Shot 2016-02-01 at 2.50.47 PM.png

Marsh Muller

Screen-Shot-2016-02-01-at-2.51.31-PM.png

hola! identity

Screen-Shot-2016-02-01-at-2.51.59-PM.png

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

Until next time, C


Pin It!