How to Create a Custom 404 Error Page in WordPress

Share this post...Share on Facebook4Share on Google+0Tweet about this on TwitterShare on StumbleUpon1Buffer this pagePrint this page

Oops-404 errorA little while ago I posted a blog post about Creative 404 Error Pages I had come across online, here on Techwork. I got a couple of questions about How to Create a Custom 404 Error Page in WordPress and how I have made my own a little bit more interesting. In this post I will show you how you can get started customizing your own 404 error page. I will also show you some of the tips I have used in my own customized 404 error page. The creative part is something you will have to figure out for yourself, it is not my strong side 🙂

 

How to edit your 404 Error page template in WordPress

Instead of writing a long do this and do that post I have made a little video to show you where you find your 404 template (404.php) for your theme and how I have made my 404 Error Page a little bit more interesting. You can find your already existing 404 error template for your Theme in the WordPress Dashboard under Appearance -> Editor -> 404 Template (404.php)

I hope you found this post useful and that you will share it with your friends using the Social Share buttons below. I will also love I you will leave me a comment below.

Share this post...Share on Facebook4Share on Google+0Tweet about this on TwitterShare on StumbleUpon1Buffer this pagePrint this page
Thomas
About the author:
I am an IT Professional that has this blog as a hobby project in my spare time. I have been in the IT business since 1996 and want to share some of the thing I have picked up over the years with people who visit this blog...

>>Subscribe to my Newsletter<<

39 Responses to How to Create a Custom 404 Error Page in WordPress

  1. Jasmine says:

    Great tips, Thomas. It’s a good idea to edit the boring 404 page to make it a little more interesting, and perhaps more informative!

  2. Bryan says:

    Hi thomas
    nice post
    custom 404 page is a must for every blog, having a custom 404 pages reduced your bounce rate, improve your SEO. you have shared some wonderful tips on how to create custom 404 page thanks for sharing this article with us
    Bryan

  3. Rajnish says:

    Thank you Thomas for telling me how do edit the error page, I am trying to create a good 404 Error page for my blog.

    • Thomas says:

      Hi Rajnish
      I really think you should. Most people that hit a standard 404 page will leave your blog right away, but why not try to keep them on your blog by giving them some easy options to find what they are looking for.

  4. Becca says:

    I have no idea that 404 error page can customize also. thanks for the tips provided here.

    • Thomas says:

      You are welcome Becca. Not just can you do it, I will also recommend it as a service to your readers so they stay on your site instead of just leave right away as it often happens with default 404 error pages.

  5. Puneet says:

    Good video. I also needed to customize my 404 page. Thanks for the tips

  6. Audio Equipment Tips says:

    I was very pleased to find this site. I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post. Big thanks for the useful info……………….

  7. Allyson Stewart says:

    Hi, Thomas

    Love the video tutorial on creating a 404 error page in WordPress. Very nicely done! I still haven’t created a 404 error page for my blog yet, but I’ll have these instructions to follow when I do. Love the fact that I can select the 404 error page directly from WordPress.

    Thanks so much for doing this tutorial!! Hope you have a wonderful rest of the day.

    Allyson

    • Thomas says:

      Thank you Allyson and thank you for suggesting me to write this post. I have got some very nice feedback on it. I think I should do more “How To” posts in the future.
      Looking forward to see your kick ass awesome 404 Error Page when you get it done 😀

  8. Wow, I did not know 404 pages could be customized. Thanks for the heads up! This shows me that I still have a lot of things to learn with WordPress…

    • Thomas says:

      They can and you really should Robert. It is a good way to keep visitors on you blog even if they ran into an error on your blog.

  9. Khudadad Alam says:

    Hi Thomas, I am your daily visitor but not comment yet. Since 1 month I am searching for making 404 error page in wordpress but not found any good result. But when read your post my mind is clear.
    Thanks for giving information.

  10. Prakash says:

    This is nice info about creating a custom 404 error page in wordpress.
    Thanks for sharing it…………

  11. ayesha says:

    Now I’m going to make error page in wordpress under these instructions. This video guides and gives a complete detail how to create a custom page. Now it becomes easy.

  12. umbrella company says:

    I am using WordPress on a 000webhost site and if I trigger an invalid link I get 000webhost error rather than the one on my theme, I am familiar with the .htaccess method but what should I redirect to once I have caught the 404 error?Thanks in advance..

    • Thomas says:

      I guess you should redirect to 404.php in your theme folder, but maybe you should try and contact your hosting provider on this issue.

  13. umbrella company says:

    It makes you aware from the error pages that occurs during working hours and affected your work. Nice work in the favor of word press.

  14. Alex says:

    Great article, Thomas! I recently read an article about the importance of customizing the 404 error page: if a blogger wants to be taken seriously, he/she should act like a pro. Details do matter, especially when you want to make money.

  15. William says:

    Haven’t really thought about those 404s. Now on my to-do list. Including a search form and categories seems like a good idea.

  16. Techwarlock says:

    i heard somewhere that we don’t have to worry in blogspot for a 404 page.because they had set it already

    • Thomas says:

      In WordPress there is also a default 404 page, but I still like to customize it to make it more personally. I want to help my visitors to find what they was looking for when they hit my 404 page.

  17. love says:

    I am a newbie. Is it possible in blogspot blog. can someone tell me what is the benefit of it.

  18. Laust says:

    I really considered making my own 404page, but instead I redirected it to my frontpage. If I get a 404 page, I will make a custom one.

  19. Juan says:

    this 404 page annoying me

  20. Q-Lasik Jaipur says:

    Awesome post,thanks for the good share,was worth reading.

  21. farouk says:

    very interesting
    i just moved to word press few month ago and i am still learning how to use it
    many thanks

  22. James Brown says:

    Nice Post! Customizing the 404 Error Message is a Great Idea! I gonna customize mine. Thanks for sharing!

  23. Yogesh says:

    Nice tutorial bro.. Thanks for sharing and I will also customize my 404 page now.

  24. Sandeep says:

    This video tutorial helped me in customizing. Thanks for it

  25. Robert says:

    Where can I find the PHP code to display a list of recent posts, and is it possible to display a list of recent 10 posts from a particular category?

  26. Erich Senft says:

    Hi Thomas, I couldn’t really see the parts we can edit, it’s not clear enough on my screen. I’d like to put a contact form on the 404 page. Will it make a difference what theme is running on the site? Thanks!
    Erich

    • Thomas says:

      Hi Erich
      It can be a bit difficult to see the details in the video, but you can change the quality to 1080p HD that helps a lot. Most themes have a 404 Error page.

  27. Purushottam Kadam says:

    very nice this will be helpful to me and also every newbie wordpress user

Leave a Reply

Your email address will not be published. Required fields are marked *