Priority Support
Help Center > Elementor Editor > Building your first page or post > How do I create my own 404 page?

How do I create my own 404 page?

Last Update: April 13, 2026

This post has been translated using machine translation, which may result in minor inaccuracies or differences in wording compared to the original. We apologize for any errors or ambiguities. Please feel free to contact us if we can clarify anything for you.

When visitors to your site enter or link to a non-existent page, they are automatically redirected to a 404 page. Creating a custom 404 page can help give your site a unique personality. You can create your own custom 404 page using the Theme Builder. 

Creating a 404 Page Template using the power of Dynamic Content, can help you keep your site’s visitors happy even when they’re lost. You can display your recent posts, a search bar or anything you want.

  1. From WP Admin, navigate to Elementor>Theme Builder.
    Theme Builder selected from WP Admin
  2. In the left panel, click Error 404.
    The highlighted 404 error button displays the 404 pages
  3. On the right, click Create New.
    Click the highlighted Add New button to add a new 404 page design
    The Template library opens to a page of 404 page designs.
  4. Hover over a design and click Insert to use that design or click the X in the right corner and close the library to design a 404 page from scratch.
    The highlighted Insert and X buttons will lead to the Elementor Editor
    The Elementor Editor opens.
  5. (Optional) Edit the 404 page template with the Elementor Editor.
  6. After you’ve finished designing your template, click Publish.
  7. Check the conditions under which your 404 page is displayed. For details, see Set conditions for site part templates.
    The display conditions of the 404 page

Note: When naming your template, please do not begin the Template name with “404“. If the template name begins with 404, the resulting permalink will cause a redirect to the home page, when any non-existing page URL is visited. This happens due to the template library’s permalink. Since the library is private, if you hit any URL of the library, this will occur. If a user creates a 404 single template with the name”404 single”, for example, the permalink becomes http://mysiteurl.com/?elementor_library=404-single . Then, if a page like mysiteurl.com/404 is visited,the system will think it’s looking for that template file and redirect you to homepage. Just avoid naming the template with “404” in the beginning of the name, and this problem will not happen.

Edit An Existing Error 404’s Conditions

  1. Click the Edit Conditions link in the bottom left corner of the Error 404 Template you wish to edit. This will directly open the Display Conditions editor for that Error 404 Template.

Note: The Dot Display in the upper left corner of the Error 404 indicates which site parts are live (has Display Conditions assigned to it), and which are merely drafts (no Display Conditions have been assigned). A Green Dot indicates a live Error 404 Template, while a Gray Dot indicates a draft Error 404 Template. 

Note: The Instances label in the lower left corner of the Error 404 displays the specific instances in which this template is being used on the site. 

Export An Error 404 Site Part

  1. Click the Three Horizontal Dots in the upper right of the Error 404 Template you wish to export. 
  2. Choose Export to open a Save dialog which will save a .json file to your computer.

Delete An Error 404 Site Part

  1. Click the Three Horizontal Dots in the upper right of the Error 404 Template you wish to delete. 
  2. Choose Delete which will open a Delete Part confirmation dialog box. 
  3. Click Cancel if you change your mind and decide you don’t want to delete the Error 404 Template, or click Delete to confirm that you do wish to delete this Error 404 Template.

Rename An Error 404 Site Part

  1. Click the Three Horizontal Dots in the upper right of the Error 404 Template you wish to rename. 
  2. Choose Rename which will open a Rename Part dialog box. 
  3. Enter the new name and click Change to complete the rename process, or click Cancel if you change your mind and decide you don’t want to rename this Error 404 Template.

On this page

Share this article

Hosted with