{"id":64329,"date":"2018-10-08T08:16:37","date_gmt":"2018-10-08T12:16:37","guid":{"rendered":"https:\/\/wpdeveloper.net\/?p=64329"},"modified":"2019-03-11T02:32:42","modified_gmt":"2019-03-11T06:32:42","slug":"elementor-custom-404-page","status":"publish","type":"post","link":"https:\/\/wpdeveloper.com\/elementor-custom-404-page\/","title":{"rendered":"How To Design Custom 404 Page For Your Website Using Elementor"},"content":{"rendered":"

Suppose the Event Page on your website is not available for access. Given the situation, you use a custom 404 Page\u00a0to let your users know that the Event Page is down.<\/p>\n

<\/p>\n

\"\"<\/a><\/h3>\n

Why not use the Standard Server Reply?<\/h3>\n

You might be wondering what would happen if you do not create a 404 Page for your website. Well, the answer to your question is, nothing much. If for any unavoidable reason any page on your Website goes down, the server will send\u00a0an automatic reply. Your visitors will see that reply on their screens. So what is wrong with the Standard Server Reply? Well, the problem is it is standard.<\/p>\n

Create a Custom 404 Page<\/h3>\n

By using Elementor<\/a> <\/strong>you can avoid having to go through four troublesome steps of creating a 404 Page.\u00a0You no longer need to go to the Customizer, change theme settings, get a 404 plugin for WordPress and lastly, edit the codes. You can create funny and attractive 404 Pages with Elementor<\/a> <\/strong>within an hour.<\/p>\n

Open your WordPress Dashboard and navigate to Elementor>My Templates<\/strong>.<\/p>\n

\"\"<\/p>\n

From the new window select Single Pages<\/strong> tab and click on the green Add New Single<\/strong> button.<\/p>\n

\"\"<\/p>\n

First,\u00a0from the new popup, select 404 Page from the Select Post Type<\/strong> drop-down. Second, give a name to the Template<\/a><\/strong>. Lastly hit the Green Create Template button.\u00a0<\/strong><\/p>\n

\"\"<\/p>\n

404 Templates<\/h3>\n

You will be taken to the Blocks tab from where you have to select a 404 Pages template.<\/strong><\/p>\n

\"\"<\/p>\n

Browse through the templates library. When you find a template of your choice, click on the little green\u00a0Insert<\/strong> text at the bottom of the template card.<\/p>\n

\"\"<\/p>\n

Now the template comes with all the common elements that you will want in a 404 Page. But that does not mean you cannot edit or customize it.<\/p>\n

\"\"<\/p>\n

Pick any element from the Side Panel and drop it inside the editor interface. Use the search bar to directly type in the element you require or use the scroll bar to navigate through the Elements panel. You can even take inspiration from these funny 404 Page templates.\u00a0<\/strong><\/a><\/p>\n

\"\"<\/p>\n

Once you are happy with your 404 page hit the Publish Button<\/strong> sitting at the bottom of the Footer Panel<\/strong>. This will bring up the Conditions Pop-up.<\/strong><\/p>\n

\"\"<\/p>\n

Set a Condition for your 404 Page and hit the Publish button.\u00a0<\/strong>And that should be it. You have successfully created a 404 Page for your website.<\/p>\n

Wrapping Up!<\/h3>\n

How easy was it? No need to answer the question. Do let us know if you find it hard to follow the instructions. Mention the specific section you need further clarification and we will get back to you.<\/p>\n","protected":false},"excerpt":{"rendered":"

Creating a custom 404 page is a great way to inform your visitors about what went wrong. Learn how to create a custom 404 page easily using Elementor. <\/p>\n","protected":false},"author":2045,"featured_media":221526,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"categories":[108,88],"tags":[235,104,89],"class_list":["post-64329","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-tutorials","tag-404-page","tag-elementor","tag-wordpress"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[2045],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"views":4396,"_links":{"self":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/64329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/users\/2045"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/comments?post=64329"}],"version-history":[{"count":9,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/64329\/revisions"}],"predecessor-version":[{"id":221532,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/posts\/64329\/revisions\/221532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media\/221526"}],"wp:attachment":[{"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/media?parent=64329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/categories?post=64329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdeveloper.com\/wp-json\/wp\/v2\/tags?post=64329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}