How to easily make a custom 404 error page with Divi

When you think that you have finished customizing your website to the maximum , even if you use Divi to create a fantastic website, you will always be missing something that almost no one falls into: the 404 error page .

What is the 404 error page?

The 404 page is an error page that all WordPress themes show when a user reaches a link that does not exist on your website, either because the link they clicked on was wrong or because they typed it with a mistake.

By default, most WordPress themes show in these cases a generic 404 error page , which simply informs that the user has reached a page that does not exist, without further help, but above all without anything to encourage the user to continue. browsing .

And in the case of our beloved Divi theme, the situation is no different:

So what I propose to you today is to create a good 404 error page, which adds value to the user who arrives at it unintentionally , and of course helping us with Divi.

How to Create a Custom 404 Error Page with Divi’s Theme Builder

If you have the updated theme or Divi constructor then you already have everything you need, because you have the tool called «Theme Generator» from Divi.

The first thing is to access the theme generator and create a new template .

As soon as you click on the button to add the new template, the first thing you have to select is where it will be used , and nothing is easier. At the bottom, in the “Other” section you have to select the ” 404 page ” option.

That said, check the ” 404 page ” option and click on “Create template.” The new template will be created, in which you can customize the header, footer, and of course the custom content of the body .

From now
on, simply click on the elements you want to customize and make them your own , just like you would any other page with the Divi layout maker.

What should I include in a custom 404 error page?

Once you have the full potential of Divi to customize your 404 error page template, there are several elements you can include that will add value to the user who mistakenly lands on that page.

Make it attractive

There is nothing sadder than an error page, so make it attractive, even friendly , especially that the user does not think that the error is their fault.

Here release your imagination, but some nice or nice image will always help …

Includes a search engine

Nothing is easier in Divi, you just have to add the search module and you are already offering the user a way to find what they were looking for.

Includes a list or navigation of posts and / or pages

You also have navigation modules and even a carousel of entries and pages , which you can display, in order to take the user immediately to specific interesting content, which you can even choose yourself.

Include a form

Since we are here, why not offer a contact form or – even better – a subscription form to your newsletter?

Include a link to the home page of the web

And, always, it offers a link to go to the home page of the web, from where the user can visit the main s
ections of your site.

When you’re done designing your custom 404 error page save your changes to the Divi builder and close the template editor.

Finally, save your changes to the theme builder.

It is done! You have now set up your custom 404 error template!

From this moment on, when a user reaches a URL that does not exist on your website, it will show them your personalized 404 error page instead of the default page, and the differences will be noticeable, especially when taking advantage of any opportunity in your website, even errors.

Before

After

Did you like this article? You can’t imagine what you’re missing on YouTube !