Brijesh Patel Last Update - 2023-07-04
Here is what the default Magento Not Found 404 page looks like:
To customize the Not Found 404 Page you need to go to
Store ➔ Configuration ➔ General ➔ Web ➔ Default pages ➔ CMS No Route Page
in the Admin panel and checks which CMS page is indicated in the settings.
You can find the Not Found page at Content ➔ Pages and edit the page that was specified in the settings. To find the right page, you can use a filter or search by keywords.
It remains only to edit this page according to your requirements. If you don’t want to change the default page, you can set up a new one and specify it in the No Route Page settings. For example, if you use a multistore, the Not Found 404 pages will most likely have different content.
Let’s create a new CMS page. It is important to specify Design ➔ Layout when creating a new page. If you want to insert the html code in the content of the page, disable the WYSIWYG-editor. Empty is used by default.
This resource was used as an example. Copy the code into the content of the CMS page.
After that switch to the necessary store in No Route Page settings and choose the new CMS page.
This would be enough. As a result, you will get a new 404 page.
Step 1: Go to the Admin Panel, navigate to CONTENT and choose Pages (under Elements). Then, click on Add New Page.
Then, click on Add New Page.
Step 2: Add the content for your Magento 2 404 Page
Firstly, you must enable the page by selecting Yes in Enable Page.
Secondly, set the Page Title (e.g. 404 Page Not Found).
Thirdly, add content to the page (including Content Heading and the description).
Fourthly, expand the Search Engine Optimization section, set URL Key, Meta Title/ Keywords/ Description that will be displayed in the search engine result pages (SERPs).
Fifthly, select the store view where this 404 page is located in.
Sixthly, choose the Layout of the page and add Layout Update XML if you want. For a 404 page, its layout is important and based on the concent that the store can choose a proper layout (1, 2 or 3 columns with left or right sidebar).
Finally, set the specific time for Custom Design Update.
First, let’s have a look at the default Magento 2 404 Page:
As you can see, Magento 2 provides us with a very basic 404 page, explaining possible reasons for returning this page, and gives the customers quick links to go back to the previous page or go to the Home page or My Account page. Since this default page looks quite boring, most of the store owners will customize it to match their brand image. Here are some recommendations to create a unique and valuable 404 page for Magento 2 e-commerce websites:
When the customers, unfortunately, go to the 404 page, it would be so pity if you let them go without doing anything. Why don’t you grab this opportunity to draw their attention to your featured products/ best-sellers/ hot items at ease? As a result, the buyers might forget about their bad experience on your site, simultaneously, you can gain some sale conversions from that.
It’s easy to add your new products to the 404 page by adding a widget to the page content:
Here, you can choose which type of products and the number of items displayed as well as how these are shown in the front-end.