In this article we'll discuss how you can setup a custom 404 error page for your website. This will allow you to control exactly what message is displayed to your visitors when they try to request a page that doesn't exist.

If you read our previous article on 404 error not found pages, you should have a good understanding of why creating a custom 404 error page can be helpful.

You can simply upload a file such as 404.html to your website via FTP, or if you prefer you can follow the instructions below for creating this file in cPanel via the File Manager.

 
  1. Login to your cPanel.
  2. Under the Files section, click on File Manager.
  3. Select the Web Root (public_html/www) option.
  4. Click Go.
  5. file-manager-go
     
  6. From the top left-hand menu, click on New File.
    new-file
  7. Under New File Name: type in 404.html then click Create New File.
    create-new-file
  8. Right-click on the newly created 404.html then click on Edit.
    right-click-edit
  9. In the Text Editor pop-up, simply click on Edit.
    text-editor-edit
  10. Now you'd want to type in the HTML code for your custom 404 page, in this example we're using a very basic one that you can copy if you'd like. However you can get very fancy with your own, even going so far as to copying the style and images of your main site and placing your error message in the middle of that.

    <html>
    <head>
    <title>404 Page Not Found</title>
    <body>

    <H2>We're sorry but the page you're looking for could not be found</H2>

    </body>
    </html>

  11. After you've made your edits, click on Save Changes, and you should see a green Success pop-up.
    text-editor-save-changes
    file-manager-text-editor-save-success
  12. Now if you directly try to pull up /404.html in your web-browser, you should see the page we just created.
    web-browser-view-404

Now that you've learned how to create a custom 404 error page to handle your 404 errors, you'll also more than likely want to learn about setting a 404 error page via .htaccess. This way any requests for non-existent pages will go directly to your custom static 404 error page that you just created.

You can get even more advanced with your 404 error page by using Google's custom 404 page widget as well. This can help provide relevant content from your site to visitors from a Google search against your website.

If you're using WordPress you might also be interested in learning about how to cache 404 pages in WordPress using the W3 Total Cache plugin.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!