How to Create a Custom 404 Page in WordPress with Elementor

Updated: May 24, 2021

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, select the Single tab and click the Add New button.

A dialog popup will appear. On the template type option, select Single. On the post type section, select 404 Page. Give your new template a name and click the CREATE TEMPLATE.

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.

Featured image

Original posted on: September 18, 2019

This page may contain affiliate links, which help support WP Pagebuilders.

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Support Us

Consider subscribing to help us grow. Get the regular articles about page builder plugins and WordPress in general.