How to customize 404 Error Page not Found into custom page with your own design?

How to customize “404 Page not Found” Error page? [Important| Revised 2019]

In order to customize 404 Error page you need to redirect users to a custom page which you have customize in your parent directory and then set up your server to point at 404.html page whenever 404 error appears. Then place below given htaccess command in your .htaccess file

ErrorDocument 404 /errors/404.html 

Now how you can do this??

Step by step tutorial to customize”404 Page not Found” Error page [Updated June 2019]

step::1 Login to your cPanel

step::2 Go inside File Manager and click on Public_html

step::3 Now inside public_html create a directory.

step::4 Just for testing purpose i have created a directory naming ‘Error404′. You can specify any name!!!

How to customize "404 Page not Found" Error page?
How to customize “404 Page not Found” Error page?


step::5 Now go inside that folder and create index.html file(responsible for displaying homepage of any directory)


step::6 Now right click on index.html file to Edit

How to customize "404 Page not Found" Error page?
How to customize “404 Page not Found” Error page?


step::7 Now edit this file- You can customize this page by writing some visual contents, upload images etc.

I have uploaded an image here you can see

How to customize "404 Page not Found" Error page?
How to customize “404 Page not Found” Error page?


step::8 Then click on save.


As you have already customized 404.html file so all you need to do is edit the code in .htaccess file to redirect 404 Error to your custom 404.html file.


step::9 Now go back to public_html and find .htaccess file either you can create if you don’t have.


step::10 As mentioned above you have to edit a code in .htaccess file

ErrorDocument /404 errors/404.html


ErrorDocument 404 is mandatory to write. After this you have to write the path of your custom directory , which in my case is Error404/index.html


So what i will write in .htaccess file is 

ErrorDocument 404 /Error404/index.html


So coming to conclusion, whenever a user views my website and suppose he enters a broken link  then every time it will be redirected to my customized error page rather than the default 404 Error page.


Hope you understand the process!!!


Thanks for Reading!!!!


Tags: cheap linux hostingbuy linux hostingcheap reseller hostingbuy reseller hostingbest reseller hostingcheap web hostingcheapest web hostingcheapest reseller hosting,  cheap reseller hostcheap linux hostcheapest linux hostingbest linux hostingbest web hosting

Scroll to Top