{"id":392,"date":"2021-06-23T09:09:15","date_gmt":"2021-06-23T09:09:15","guid":{"rendered":"https:\/\/hoganhost.com.ng\/blog\/?p=392"},"modified":"2024-08-12T13:34:58","modified_gmt":"2024-08-12T12:34:58","slug":"how-to-set-a-custom-404-page-with-htaccess","status":"publish","type":"post","link":"https:\/\/hoganhost.com.ng\/blog\/htaccess\/how-to-set-a-custom-404-page-with-htaccess\/","title":{"rendered":"How to Set a Custom 404 Page With .htaccess"},"content":{"rendered":"

In this article we\u2019ll show you how to set a\u00a0custom 404<\/strong>\u00a0page via a\u00a0.htaccess<\/strong>\u00a0file. This will allow you to set the error message that visitors to your site receive when they request a page that doesn\u2019t exist on the server.<\/p>\n

It\u2019s typically recommended to handle 404 errors with a custom static HTML 404 error page instead of handling them dynamically.<\/p>\n

The easiest way to modify your .htaccess file would be using cPanel\u2019s file manager with the instructions below, although you can also upload a .htaccess file via\u00a0FTP\u00a0as well.<\/p>\n

Create or Modify a Custom 404 Page via .htaccess<\/h2>\n
    \n
  1. Login to your cPanel.\n
    <\/div>\n<\/li>\n
  2. Under the\u00a0Files<\/strong>\u00a0section click on\u00a0File Manager<\/strong>.
    \n\"\"<\/li>\n
  3. Navigate to the document root folder for the site.\n
    <\/div>\n<\/li>\n
  4. Click on\u00a0Settings<\/strong>.
    \n\"\"<\/p>\n
    <\/div>\n<\/li>\n
  5. Ensure\u00a0Show Hidden Files<\/strong>\u00a0is selected.\"\"<\/li>\n
  6. Then click\u00a0Save<\/strong>.<\/li>\n
  7. Right-click on the\u00a0.htaccess<\/strong>\u00a0file and select\u00a0Edit<\/strong>.\n
    \"\"<\/div>\n<\/li>\n
  8. If the\u00a0.htaccess<\/strong>\u00a0file didn\u2019t exist in the previous step, click on the\u00a0+File<\/strong>\u00a0link on the top left, name the file\u00a0.htaccess<\/strong>, and set the directory for creation to\u00a0\/public_html\/<\/strong>\u00a0or the document root of your site.\n
    \n
    \"\"<\/div>\n<\/div>\n<\/li>\n
  9. You might have a text editor encoding dialog box pop-up, go ahead and just click\u00a0Edit<\/strong>.\"\"<\/li>\n
  10. Now that you are ready to edit the\u00a0.htaccess<\/strong>\u00a0file, the simplest way to set a 404 error page is by directly setting a 404 error message in the\u00a0.htaccess<\/strong>\u00a0file itself:\n
    <\/div>\n
    ErrorDocument 404 \"<H1>Page not found<\/H1>\"<\/pre>\n
    If you already have a static HTML page that you\u2019d like to use for 404 errors you can also directly point to that file with the\u00a0.htaccess<\/strong>\u00a0file as well. In this example, we have a 404.html page we want to serve up. Be sure to replace \u201c404.html\u201d with your actual page name:<\/p>\n
    ErrorDocument 404 \/404.html<\/pre>\n
    <\/div>\n<\/li>\n
  11. After you\u2019ve made your edits to the .htaccess file, click on\u00a0Save Changes<\/strong>.
    \n\"\"
    \nYou should see a green\u00a0Success<\/strong>\u00a0pop-up<\/p>\n
    \n
    <\/figure>\n
    <\/div>\n<\/div>\n<\/li>\n
  12. Now if you try to pull up a page that won\u2019t exist on the server such as\u00a0\/ThisPageWon\u2019tExist\u00a0<\/strong>you should see the custom 404 error message that we\u2019ve configured. This first image below is the default 404 error page when a custom one is not set:\n
    <\/div>\n
    \"\"
    \nThe second one is the custom 404 page that we just created:<\/li>\n<\/ol>\n
    \"\"<\/p>\n
     <\/p>\n
    Hola, we hope this article help out check out our hosting service \u00a0Hoganhost.com.ng<\/a>
    \n