{"id":39024,"date":"2020-05-24T09:50:32","date_gmt":"2020-05-24T09:50:32","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=39024"},"modified":"2025-12-04T05:33:11","modified_gmt":"2025-12-04T03:33:11","slug":"create-custom-wordpress-404-page","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/","title":{"rendered":"How to Create a Custom WordPress 404 Page With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"39024\" class=\"elementor elementor-39024\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6fb06d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6fb06d7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2df961a\" data-id=\"2df961a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8d05d99 elementor-widget elementor-widget-text-editor\" data-id=\"8d05d99\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Have you ever visited a website only to be met by a 404 error?\u00a0<\/p><p>If one of your WordPress website&#8217;s visitors tries to access a page that doesn&#8217;t exist on your site, they&#8217;ll see the same message, which can be frustrating for them if your <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/404-not-found\/\"   title=\"How To Fix \u201c404 Not Found On Your Site\u201d Error\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25981\">404<\/a> page isn&#8217;t optimized.<\/p><p>With <a href=\"https:\/\/elementor.com\/pro\/\">Elementor Pro<\/a>, you can fix that by creating a custom 404 page design that matches the rest of your website and helps your visitors get to the right spot.<\/p><p>In this post, we&#8217;ll talk a little bit about what your 404 page is and why it&#8217;s important. Then, we&#8217;ll show you some real-world examples and teach you how to build your own custom WordPress 404 page using Elementor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c23ca80 elementor-widget elementor-widget-heading\" data-id=\"c23ca80\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">When Does a 404 Page Display?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0da6ad elementor-widget elementor-widget-text-editor\" data-id=\"e0da6ad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>404 Not Found is an HTTP error that essentially says, &#8220;the web browser was able to connect to the website server, but it was unable to find the specific page that was requested.&#8221;<\/p><p>You, or your website&#8217;s visitors, will typically encounter a 404 Not Found error when trying to open a page that doesn&#8217;t exist. This could be because you or your visitors:<\/p><ul><li>Clicked a broken link<\/li><li>Mistyped a URL<\/li><li>Etc.<\/li><\/ul><p>When your server sends a 404 Not Found response to visitors&#8217; browsers, it also displays the 404 page.<\/p><p>The default 404 page is something bland and unhelpful like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45abd2e elementor-widget elementor-widget-image\" data-id=\"45abd2e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"317\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=317\/blog\/wp-content\/uploads\/2020\/05\/1-basic-404-page-example.png\" class=\"attachment-large size-large wp-image-39045\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=964\/blog\/wp-content\/uploads\/2020\/05\/1-basic-404-page-example.png 964w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/1-basic-404-page-example-300x119.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/1-basic-404-page-example-768x304.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4d19b elementor-widget elementor-widget-text-editor\" data-id=\"9f4d19b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>However, most WordPress themes include their own 404 page templates that will display instead.<\/p><p>With Elementor Pro, though, you can create your own custom 404 page using Elementor&#8217;s visual, drag-and-drop builder (which you&#8217;ll learn how to do later in this post).<\/p><p>The benefits of using Elementor Pro over-relying on your theme&#8217;s default 404 page are that you can create a more user-friendly 404 page, add some of your own branding, and maybe even build a connection with some humor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea10e33 elementor-widget elementor-widget-heading\" data-id=\"ea10e33\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to See 404 Errors on Your WordPress Site<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a8528 elementor-widget elementor-widget-text-editor\" data-id=\"c4a8528\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re using WordPress and Google Analytics, there&#8217;s an easy way to check how many 404 errors your visitors are encountering.<\/p><p>Open Google Analytics and go to <strong>Behavior \u2192 Site Content \u2192 All Pages<\/strong>. Then, change the <strong>Primary Dimension<\/strong> to <strong>Page Title<\/strong> and search for &#8220;page not found&#8221;:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0d0474 elementor-widget elementor-widget-image\" data-id=\"b0d0474\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"495\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=495\/blog\/wp-content\/uploads\/2020\/05\/2-404-errors-in-google-analytics-1024x633.png\" class=\"attachment-large size-large wp-image-39046\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/2-404-errors-in-google-analytics-1024x633.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/2-404-errors-in-google-analytics-300x185.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/2-404-errors-in-google-analytics-768x474.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/2-404-errors-in-google-analytics-1536x949.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2020\/05\/2-404-errors-in-google-analytics-2048x1265.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7301d82 elementor-widget elementor-widget-text-editor\" data-id=\"7301d82\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you click on that result, you can see a list of the actual broken URLs that triggered the 404 errors.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15303c8 elementor-widget elementor-widget-heading\" data-id=\"15303c8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why You Should Care About Your WordPress 404 Page<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8acf637 elementor-widget elementor-widget-text-editor\" data-id=\"8acf637\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No matter what you do, you&#8217;re almost certainly going to have at least some visitors who encounter a 404 page on your site.<\/p><p>These are people who are interested in what your site has to offer, but they can&#8217;t get what they want because they followed a bad link, mistyped a URL, etc.<\/p><p>There are two ways that this scenario can play out:<\/p><ol><li>Those visitors stay frustrated and leave your site.<\/li><li>Your 404 page helps guide them to the right spot, and they get to enjoy your website, either by finding what they were looking for or discovering other content that they&#8217;re interested in.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f453fa elementor-widget elementor-widget-heading\" data-id=\"4f453fa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What to Include On Your 404 Page\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a07562c elementor-widget elementor-widget-text-editor\" data-id=\"a07562c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now for the important question \u2014 how do you make sure that your 404 page falls into that second scenario? That is, how do you use your 404 page to guide visitors to the right spot?<\/p><p>Usually, you&#8217;ll want to include some or all of the following elements:<\/p><ol><li>An explanation of what went wrong and why a visitor isn&#8217;t seeing the content that they expected. Most people have no idea what a &#8220;404&#8221; means, so you want to use human-friendly language to explain why they&#8217;re not seeing the content that they expected.<\/li><li>A search box to help visitors find the content that they were looking for.<\/li><li>Links to your site&#8217;s most important content. <em>Or, you can just make sure to keep your site&#8217;s standard navigation instead of hiding it like some websites do<\/em>.<\/li><\/ol><p>A lot of websites will go further and also try to incorporate some humor and branding into their 404 pages. This lets you turn a negative situation (a 404 error) into a way to reinforce your branding and maybe even market your product\/services.<\/p><p>Let&#8217;s look at some examples.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-044e9ff elementor-widget elementor-widget-heading\" data-id=\"044e9ff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Examples of Successful 404 Pages\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f94593 elementor-widget elementor-widget-text-editor\" data-id=\"9f94593\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want to see more examples, we have <a href=\"https:\/\/elementor.com\/blog\/404-page-inspiration\/\" target=\"_blank\" rel=\"noopener\">an entire post dedicated to the best 404 pages<\/a>!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccd118a elementor-widget elementor-widget-heading\" data-id=\"ccd118a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Elementor<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c415492 elementor-widget elementor-widget-text-editor\" data-id=\"c415492\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>I&#8217;d be remiss if I didn&#8217;t include <a href=\"https:\/\/elementor.com\/404\">our own 404 page<\/a>. The Elementor 404 page still includes the regular site navigation to help people move around. However, it also includes a playful animation as well as a CTA to teach people how to create their own custom 404 page with Elementor:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3781d38 elementor-widget elementor-widget-image\" data-id=\"3781d38\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"518\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=518\/blog\/wp-content\/uploads\/2020\/05\/3-elementor-404-page-1024x663.png\" class=\"attachment-large size-large wp-image-39047\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/3-elementor-404-page-1024x663.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/3-elementor-404-page-300x194.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/3-elementor-404-page-768x497.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/3-elementor-404-page-1536x994.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2042\/blog\/wp-content\/uploads\/2020\/05\/3-elementor-404-page.png 2042w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3997438 elementor-widget elementor-widget-heading\" data-id=\"3997438\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">ModCloth<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0d47bf elementor-widget elementor-widget-text-editor\" data-id=\"f0d47bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>ModCloth is a popular clothing ecommerce store that uses <a href=\"https:\/\/www.modcloth.com\/404\" target=\"_blank\" rel=\"noopener\">its 404 page<\/a> to redirect users to popular product categories. It also shares customer support channels if users are still frustrated and unable to find what they&#8217;re looking for:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c7a0d8 elementor-widget elementor-widget-image\" data-id=\"9c7a0d8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"551\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=551\/blog\/wp-content\/uploads\/2020\/05\/4-modcloth-404-page-1024x705.png\" class=\"attachment-large size-large wp-image-39048\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/4-modcloth-404-page-1024x705.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/4-modcloth-404-page-300x207.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/4-modcloth-404-page-768x529.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/4-modcloth-404-page-1536x1057.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2020\/05\/4-modcloth-404-page-2048x1410.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-740a2a8 elementor-widget elementor-widget-heading\" data-id=\"740a2a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">WordPress.com\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e2b5c5 elementor-widget elementor-widget-text-editor\" data-id=\"9e2b5c5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The <a href=\"https:\/\/wordpress.com\/404\">404 page for WordPress.com is simple<\/a>, but it provides all the elements that I mentioned above:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af8f758 elementor-widget elementor-widget-image\" data-id=\"af8f758\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"588\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=588\/blog\/wp-content\/uploads\/2020\/05\/5-wordpresscom-404-1024x753.png\" class=\"attachment-large size-large wp-image-39049\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/5-wordpresscom-404-1024x753.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/5-wordpresscom-404-300x221.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/5-wordpresscom-404-768x565.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/5-wordpresscom-404-1536x1129.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1794\/blog\/wp-content\/uploads\/2020\/05\/5-wordpresscom-404.png 1794w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-786bea4 elementor-widget elementor-widget-text-editor\" data-id=\"786bea4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Again, <a href=\"https:\/\/elementor.com\/blog\/404-page-inspiration\/\" target=\"_blank\" rel=\"noopener\">check out our full 404 examples post<\/a> for even more inspiration.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb0141e elementor-widget elementor-widget-heading\" data-id=\"eb0141e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Create a 404 Page With Elementor\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df3aa93 elementor-widget elementor-widget-video\" data-id=\"df3aa93\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=SSVfWF8lSAM&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd444a5 elementor-widget elementor-widget-text-editor\" data-id=\"cd444a5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To create a 404 page with Elementor, you&#8217;ll need <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a> so that you can access <a href=\"https:\/\/elementor.com\/features\/theme-builder\/\" target=\"_blank\" rel=\"noopener\">Theme Builder<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb68ee8 elementor-widget elementor-widget-heading\" data-id=\"bb68ee8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Create a New 404 Page Template\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f431e49 elementor-widget elementor-widget-text-editor\" data-id=\"f431e49\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you have Elementor Pro installed, go to <strong>Templates \u2192 Theme Builder \u2192 Add New<\/strong>.<\/p><p>First, use the drop-down to select <strong>Single<\/strong> for the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25980\">template<\/a> type. Then, use the <strong>Select Post Type<\/strong> drop-down to select <strong>404 Page<\/strong>.<\/p><p>You can also enter a name to help you remember your template. One note here, though &#8211; do <strong>not<\/strong> use &#8220;404&#8221; as the name for your template, as it causes issues with WordPress&#8217; permalinks. You can name it something like &#8220;Error Page&#8221; instead.<\/p><p>Then, click <strong>Create Template<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe0a8f8 elementor-widget elementor-widget-image\" data-id=\"fe0a8f8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"617\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=617\/blog\/wp-content\/uploads\/2020\/05\/6-create-404-page-template-1024x790.png\" class=\"attachment-large size-large wp-image-39050\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/6-create-404-page-template-1024x790.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/6-create-404-page-template-300x231.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/6-create-404-page-template-768x592.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/6-create-404-page-template-1536x1184.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1542\/blog\/wp-content\/uploads\/2020\/05\/6-create-404-page-template.png 1542w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97f36d4 elementor-widget elementor-widget-heading\" data-id=\"97f36d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Choose Pre-Made Template or Start From Scratch\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0400b0d elementor-widget elementor-widget-text-editor\" data-id=\"0400b0d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>From there, you&#8217;ll see a list of 404 page templates. The easiest way to get started is to just pick one of these templates and then customize it to your needs:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38ced33 elementor-widget elementor-widget-image\" data-id=\"38ced33\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"552\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=552\/blog\/wp-content\/uploads\/2020\/05\/7-included-templates-1024x707.png\" class=\"attachment-large size-large wp-image-39051\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/7-included-templates-1024x707.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/7-included-templates-300x207.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/7-included-templates-768x530.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/7-included-templates-1536x1060.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2020\/05\/7-included-templates-2048x1414.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f88d619 elementor-widget elementor-widget-text-editor\" data-id=\"f88d619\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Or, you can just close the templates to build your own 404 page design from scratch.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f067cb elementor-widget elementor-widget-heading\" data-id=\"9f067cb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Design and Customize Your 404 Page\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-851923c elementor-widget elementor-widget-text-editor\" data-id=\"851923c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No matter whether you start from one of the pre-made templates or build your design from scratch, you&#8217;ll be able to use the regular Elementor interface and all of the widgets to design your page.<\/p>\n<p>For example, to add a search box to your 404 page, all you need to do is include the <strong>Search Form<\/strong> widget.<\/p>\n<p>If you want to create something similar to the Elementor 404 page, you can use the <a href=\"https:\/\/elementor.com\/widgets\/media-carousel-widget\/\"><strong>Media Carousel<\/strong> widget<\/a>, as we detailed in <a href=\"https:\/\/www.youtube.com\/watch?v=SSVfWF8lSAM\" target=\"_blank\">the video above<\/a>.<\/p>\n<p>Once you finish your design, click to <strong>Publish<\/strong> it. You should then see that Elementor automatically selects the <strong>Include<\/strong> rule to display this template on your 404 page. To finish things out, all you need to do is click <strong>Save &amp; Close<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e70b85 elementor-widget elementor-widget-image\" data-id=\"8e70b85\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"505\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=505\/blog\/wp-content\/uploads\/2020\/05\/8-publish-1024x647.png\" class=\"attachment-large size-large wp-image-39052\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/05\/8-publish-1024x647.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/05\/8-publish-300x189.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/05\/8-publish-768x485.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/05\/8-publish-1536x970.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2020\/05\/8-publish-2048x1293.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae43460 elementor-widget elementor-widget-text-editor\" data-id=\"ae43460\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>And that&#8217;s it! You just created your own custom WordPress 404 page using Elementor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b8a30a elementor-widget elementor-widget-heading\" data-id=\"3b8a30a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Create Your Own Custom WordPress 404 Page Today\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6cefe5 elementor-widget elementor-widget-text-editor\" data-id=\"d6cefe5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Creating a <a href=\"https:\/\/elementor.com\/features\/wordpress\/\">custom WordPress<\/a> 404 page is an important, but often overlooked, part of designing a complete WordPress website.<\/p><p>No matter how much you try to prevent 404 errors, your visitors are invariably going to encounter them.<\/p><p>When that happens, you want to be there to greet them with a branded, useful page that helps them get to where they want to be.<\/p><p><a href=\"https:\/\/elementor.com\/pricing\/\">With Elementor Pro<\/a>, you can create your own custom 404 page template using the same Elementor interface that you rely on for the rest of your content.<\/p><p>Do you have any questions about how to create a custom 404 page with Elementor? Let us know in the comments section below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b45e5f8 elementor-widget elementor-widget-heading\" data-id=\"b45e5f8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\">Try Elementor Pro and Create Your Custom 404 Page<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this post, we&#8217;ll talk about what your 404 page is and why it&#8217;s important, show you some real-world examples, and walk you through the steps to build your own custom WordPress 404 page using Elementor.<\/p>\n","protected":false},"author":50988,"featured_media":39025,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,43],"tags":[79],"marketing_persona":[47,51],"marketing_intent":[49],"class_list":["post-39024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-wordpress","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Custom WordPress 404 Page With Elementor<\/title>\n<meta name=\"description\" content=\"In this post, we&#039;ll talk about what your 404 page is and why it&#039;s important, show you some great examples, and walk you step-by-step to build your own custom WordPress 404 page with Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Custom WordPress 404 Page With Elementor\" \/>\n<meta property=\"og:description\" content=\"In this post, we&#039;ll talk about what your 404 page is and why it&#039;s important, show you some great examples, and walk you step-by-step to build your own custom WordPress 404 page with Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-24T09:50:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-04T03:33:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Colin Newcomer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Newcomer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\"},\"headline\":\"How to Create a Custom WordPress 404 Page With Elementor\",\"datePublished\":\"2020-05-24T09:50:32+00:00\",\"dateModified\":\"2025-12-04T03:33:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\"},\"wordCount\":1264,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Elementor\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\",\"url\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\",\"name\":\"How to Create a Custom WordPress 404 Page With Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png\",\"datePublished\":\"2020-05-24T09:50:32+00:00\",\"dateModified\":\"2025-12-04T03:33:11+00:00\",\"description\":\"In this post, we'll talk about what your 404 page is and why it's important, show you some great examples, and walk you step-by-step to build your own custom WordPress 404 page with Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png\",\"width\":1201,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Custom WordPress 404 Page With Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/colinn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Custom WordPress 404 Page With Elementor","description":"In this post, we'll talk about what your 404 page is and why it's important, show you some great examples, and walk you step-by-step to build your own custom WordPress 404 page with Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Custom WordPress 404 Page With Elementor","og_description":"In this post, we'll talk about what your 404 page is and why it's important, show you some great examples, and walk you step-by-step to build your own custom WordPress 404 page with Elementor.","og_url":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-05-24T09:50:32+00:00","article_modified_time":"2025-12-04T03:33:11+00:00","og_image":[{"width":1201,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png","type":"image\/png"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Colin Newcomer","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21"},"headline":"How to Create a Custom WordPress 404 Page With Elementor","datePublished":"2020-05-24T09:50:32+00:00","dateModified":"2025-12-04T03:33:11+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/"},"wordCount":1264,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png","keywords":["Build"],"articleSection":["Elementor","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/","url":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/","name":"How to Create a Custom WordPress 404 Page With Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png","datePublished":"2020-05-24T09:50:32+00:00","dateModified":"2025-12-04T03:33:11+00:00","description":"In this post, we'll talk about what your 404 page is and why it's important, show you some great examples, and walk you step-by-step to build your own custom WordPress 404 page with Elementor.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Custom-WordPress-404-Page-03.png","width":1201,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/create-custom-wordpress-404-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"How to Create a Custom WordPress 404 Page With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/8df3c6697ea8e60fd1416e98a7ff0e21","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42aa991c5e5152c551c3ca3aa09e84d6e08a3a40420e566d930ab289160b09bc?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.","url":"https:\/\/elementor.com\/blog\/author\/colinn\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/39024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/50988"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=39024"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/39024\/revisions"}],"predecessor-version":[{"id":146527,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/39024\/revisions\/146527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/39025"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=39024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=39024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=39024"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=39024"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=39024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}