How to Create a Custom 404 Page in WordPress with Elementor

404 is one of the most well-known error messages encountered on the web. If you are faced with this message when accessing a URL, this means the web page associated with the URL is no longer exists. Another possibility, you are not granted access to access the page.

On a website system, the 404 error message is provided by the server, but you can modify the look of this message. A WordPress theme typically comes with a modified 404 page. If you don’t like the look of the default 404 error page of the WordPress theme you use, you can edit it. However, you need to have a coding skill to do so (PHP and HTTP). If you are the sort of a WordPress user who has no coding skill, you can create a custom 404 error page with Elementor.

The Theme Builder feature of Elementor allows you to create a custom 404 page without coding. It even provides templates you can choose from, allowing you to create a custom 404 page effortlessly in minutes. This article will show you how to create a custom 404 page in WordPress with Elementor.

Note: Theme Builder feature is only available on Elementor Pro. Find the differences between Elementor Free and Elementor Pro.

How to create a custom 404 page in WordPress

Before getting started, please note that HTTP 404, 404 Not Found, 404, Page Not Found, and Server Not Found is the same thing.

Assuming you have installed Elementor Pro on your WordPress-powered site, log in to the WordPress dashboard and go to Templates -> Theme Builder.

On the Theme Builder page, hover your mouse over the Error 404 tab on the left panel and click the plus icon.

As mentioned, Elementor provides several ready-to-use 404 page templates you can choose from. You can also create the 404 page from scratch if you want. In this example, we will use one of the available templates. To use a template, hover your mouse over a template you want to use and click the Insert button.

You will be directed to the Elementor editor where you can edit the 404 page content. Once done editing the content, click the Publish button on the bottom side of the left panel.

A dialog popup will appear, asking you to set the display conditions. When creating a 404 page, the default display condition is set to 404 Page. So, nothing needs to be changed. Simply click the SAVE & CLOSE button to continue.


Now please try to access a random URL on your site (i.e. and you should see the new 404 page you have just created.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Editorial Staff

Editorial Staff

WordPress page builder tutorials, tips, and resources
Want to save yearly expense up to $219? why not?

Leave a Comment

Haven’t used Elementor Pro yet?