Emergency Plumber Custom 404 Page Tutorial

This is a little bit of fun… I thought it would be nice to add a little custom 404 page, to pay them back for some awesome work, for their Emergency Plumber 365 website. Great guys from Harrow, so I thought it would be fun to make a little 3D, but retro mario in EP365 colours.

Mario style plumber 3D 404 page
Mario style plumber 3D 404 page

How do you add a custom 404 page?

That has to do with your .htaccess file, so go hunt that down. This is for linux based, Apache hosting, so it will be slightly different for other hosting types. The file will be in the root directory of your website hosting.

Set up a page, make sure it’s pretty small in file size (there used to be a limit to the size the page could be before it would simply default to the browser’s (not bowsers) own 404 page). People don’t really like to wait to then be told they are in the wrong place.

This page can be called anything, but stick to the basics, like 404.html or new404.html… something original like that. Or 404doh.html. For this tutorial, I will assume our new file is called new404.html

Then add this little bit of code to your .htaccess file:

ErrorDocument 404 /new404.html

So now the browser knows that if you visit a page that doesn’t exist, it should show you new404.html. Simple.

Leave a Reply

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

CommentLuv badge