How To: Create a 404 Error Page not Found


Active Member
Hi :)

In this simple tutorial in which i will show you how to create an integrated 404 Error Page.


What we will be using:
  • .htaccess
  • Create Custom Page
  • Manage Custom Menus
Step 1:
You need to think of what you want; it could be text/images or both.
In this tutorial I will only be using an image.

Go to Google and find a image of a 404 picture. (Max width ~630px)

Here are some example 404 images:

Step 2:
Once you have your content you may proceed to creating the page.

a. Go to your admin panel
b. Go to Custom Pages > Create Custom Page
c. Enter the page ID “notfound”
d. Enter Title “404: Page not Found”

Now where is says enter content we are going to write some html, please click on this icon in the toolbar:

Once you click on the that HTML Source Editor will pop up:

In the HTML Source Editor enter the following text:

 <h1>404: Page not Found</h1>
<center><img src="" alt="404: Page not Found" /></center>
Then click “Update”

You can leave Menu Text blank

Menu Path is the URL path to your page, you need to remember this.

Now click “Create Custom Page”

Now make sure you page works by going on its url.

Step 3:
Removing your error page from the header Menu.

Go to: Custom Pages > Manage Custom Menus

Select your Main Menu

Delete the Error Page from the menu

Step 4:
Adding the error page into .htaccess

Login to the cPanel and open your .htaccess

At the bottom of your .htaccess add the following code:

 ErrorDocument 404 /page/notfound/
Save your .htaccess file.

You have successfully create a custom 404 Error Page :)
Test the error page by going to
Which should produce your custom error page.