Create a Custom 404 Page

Blogging Tip: How to create a custom 404 page

In this post I’m showing you how to create a custom 404 page because no page on your blog should be a dead end.

We’re going to turn your 404 page into an asset.

I’m betting your 404 page currently looks kinda like this…right?

404 page screenshotRight now that 404 page isn’t doing you any favors other than acting as a dead end…most visitors will immediately leave and those numbers just add as another bounce to your metrics.

Let’s change that by creating a custom 404 page that gets them headed back in the right direction:

Click here to subscribe

 

How to create a custom 404 page for your blog

Here’s 3 elements you need to have when you create a custom 404 page for your blog:

  1. A search bar
  2. A Contact Button
  3. Menu at the top

Bonus tip:  Add a list of blog posts to your custom 404 pages.

 

Step 1:  Download a 404 Plugin for your WordPress Site

I highly recommend this one here:  https://wordpress.org/plugins/404page/.  Here’s a list of what I look for in a plugins when considering to download.

  1. It’s got high ratings  – 4 1/2 stars
  2. Lot’s of downloads 30k+
  3. Recently updated – a month ago

Be sure to back up your site before adding any new plugins just in case it doesn’t play nicely with your site.  And do make sure you have the most recent version of WordPress and that all of your plugins are up to date before adding anything new to your site.

Click here to subscribe

 

Step 2:  Install & Activate your Plugin

  1. Log into your WordPress Site
  2. Click on Plugins, Add New
  3. Then click the upload button and locate it on your desktop, then upload it.
  4. Install and activate your plugin

 

Step 3:  Create Your Custom 404 Page

Start by Creating a new page on your WordPress site which will be your new custom 404 page. Here’s a peek at what my custom 404 page looks like:

kristen poborsky custom 404 page screen shotI chose a background image for my new page over on Big Stock Photos

  1. Click on pages then add new
  2. Add your background image
  3. Add copy and links to help your visitor find their way back to other pages on your blog.
  4. Save your work
  5. Test your page  before taking it live as your new 404 page to make sure your links work!

When you are done it is time to set up your 404 page using the plugin:

  • Click on Appearance
  • Then on 404 Error Page

Dashboard screen shot for 404 page

  • Then all you need to do is to select your new 404 page you created from the drop down list
  • click save and you’re done!
  • Well, not quite, I am a stickler for testing so go test out your new custom 404 page to make sure it works.

screen shot of select new 404 page

 Here’s some inspiration to help you create a custom 404 page for your blog

You can find this template over at:  https://themeforest.net/item/creative-404-pages-part-2-/11449718You can find this template over at:  https://themeforest.net/item/creative-404-pages-part-2-/11449718You can find this creative 404 page at: iStock PhotoThis fun 404 page using Justin Bieber comes from the folks over at Spotify.You can get this custom template over here:  https://themeforest.net/item/creative-404-pages-part-2-/11449718You can get this custom template over here:  https://themeforest.net/item/creative-404-pages-part-2-/11449718

Click here to subscribe

 Watch & Learn How to Create a Custom 404 Page:

This simple video tutorial walks you through the step by step instructions to creating your first 404 page using the plugin and how you can customize it.

Search
Categories