Image

Steps to configure Apache2 to Use Custom Error Pages on Ubuntu

Creating your custom error page

Now let’s dive in adding a custom error page to your site.

Sample Code

<!DOCTYPE html>

<html>

<body>

<h1>404</h1>

<a href="index.html” class=”err-btn”><i class=”fas fa-angle-right”></i></a>

</div>

</body>

</html>

You can also make your own version of 404 html page more visually appealing

Implement the 404 Page

Now that you have your custom error page coded (referred to as 404.html from here on), Now quickly go to the home directory /var/www/html/.

The next step is editing your Apache localized-error-pages file to use 404.html instead of the default error page.

Locate your localized-error-pages configuration file in the/var/www/html/.directory. The file will be called localized-error-pages.conf

Now you can see there are different types of error pages that can be overridden. Just uncomment line 8 that starts with “ErrorDocument 404” and add “/404.html” instead of the default location for that error page. You can simply repeat this or create different custom error pages for each type of error.

Save and Exit Once Done

ErrorDocument 404 /404.html

Now the last step is to restart your Apache server in order for the changes to take effect

sudo service apache2 restart

See the 404 Page

Now visiting unavailable pages on your site should display your custom 404 page!

Receive latest marketing insights, data and inspiration

View Blogs ➞ Subscribe ➞

Start your Project Today

Get Started