create 404 page with elementor

Would you like to create a 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 while accessing a URL, it means that the web page associated with the URL no longer exists. Alternatively, you do not have access to the page.

On a website system, the 404 error message is provided by the server, but you can change the appearance of this message. A WordPress theme usually comes with a modified 404 page. If you don’t like the look of the default 404 error page for the WordPress theme you are using, you can edit it.

However, you need to have some coding skills to do this (PHP and HTTP). If you’re the kind of WordPress user who doesn’t have any coding skills, you can create a custom 404 error page with Elementor.

Elementor‘s Theme Builder feature allows you to create a custom 404 page without coding. It even provides templates for you to choose from, letting you effortlessly create a personalized 404 page in minutes.

This article will show you how to create a custom 404 page in WordPress with Elementor.

create 404 page with elementor
create 404 pages with elementor

How to create a custom 404 page in WordPress

Before you start, please note that HTTP 404, 404 not found, 404, page not found and server not found are the same thing.

Assuming you have Elementor Pro installed on your WordPress website, log into the WordPress dashboard and navigate to Templates -> Theme Builder.

On the Builder theme page, select the Single tab and click the Add button.

A dialog pop-up window will appear. In the template type option, select Single Page. In the Post Type section, select Page 404. Give your new template a name and click on the CREATE TEMPLATE button.

As mentioned, Elementor provides several ready-made 404-page templates for you to choose from. You can also build the 404 pages from scratch if you want.

Read more: How to create a gradient button in Elementor

In this example, we’ll use one of the available templates. Select the type of 404-page templates from the drop-down box and in the results hover your mouse over a template you want to use and click the Insert button.

You will be taken to the Elementor editor where you can edit the content on the 404 pages. Once you have finished editing the content, click the Publish button at the bottom of the left panel.

A pop-up dialog box will appear, asking you to set the display conditions. When creating a 404 page, the default display condition is set to 404 Page. So there is nothing to change. Just click on the SAVE & CLOSE button to continue.

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


for website maintenance service contact us.

Leave a comment

echo "";