{"id":1093,"date":"2020-11-16T11:07:49","date_gmt":"2020-11-16T11:07:49","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=1093"},"modified":"2025-09-24T12:26:41","modified_gmt":"2025-09-24T12:26:41","password":"","slug":"how-to-make-a-custom-404-page","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-make-a-custom-404-page\/","title":{"rendered":"How to make a custom 404 page"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-use-element-hooks\/\">Hooked Elements<\/a> feature of the <strong>Kadence Theme Kit Pro <\/strong>plugin makes it possible to build your <strong>404 Not Found page<\/strong> visually using WordPress blocks. A 404 page is what appears when a visitor navigates to a URL on your website that does not exist.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id1093_cbaccc-d4 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id1093_cbaccc-d4 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id1093_cbaccc-d4 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id1093_cbaccc-d4 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1093_29b0f6-a5, .wp-block-kadence-advancedheading.kt-adv-heading1093_29b0f6-a5[data-kb-block=\"kb-adv-heading1093_29b0f6-a5\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1093_29b0f6-a5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1093_29b0f6-a5[data-kb-block=\"kb-adv-heading1093_29b0f6-a5\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1093_29b0f6-a5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1093_29b0f6-a5[data-kb-block=\"kb-adv-heading1093_29b0f6-a5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"install-activate-theme-kit-pro\" class=\"kt-adv-heading1093_29b0f6-a5 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1093_29b0f6-a5\">Install and Activate Theme Kit Pro<\/h2>\n\n\n\n<p>Install and activate the <strong>Kadence Theme Kit Pro<\/strong> plugin. Theme Kit Pro is included in <a href=\"https:\/\/www.kadencewp.com\/pricing\/\">Kadence Plus<\/a> and <a href=\"https:\/\/www.kadencewp.com\/pricing\/\">Ultimate Plans<\/a>, or it can be <a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/theme-kit-pro\/\">purchased separately<\/a>.<\/p>\n\n\n<style>.kb-row-layout-id1093_b2ff86-36 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1093_b2ff86-36 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1093_b2ff86-36 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-sm, 1rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, calc(55% - ((var(--global-kb-gap-sm, 1rem) * 1 )\/2)))minmax(0, calc(45% - ((var(--global-kb-gap-sm, 1rem) * 1 )\/2)));}.kb-row-layout-id1093_b2ff86-36 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1093_b2ff86-36 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1093_b2ff86-36 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1093_b2ff86-36 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1093_1be826-26 > .kt-inside-inner-col,.kadence-column1093_1be826-26 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1093_1be826-26 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1093_1be826-26 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1093_1be826-26 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1093_1be826-26 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1093_1be826-26{position:relative;}@media all and (max-width: 1024px){.kadence-column1093_1be826-26 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1093_1be826-26 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1093_1be826-26\"><div class=\"kt-inside-inner-col\">\n<ol class=\"wp-block-list\">\n<li>Navigate to Appearance \u2192 Kadence<\/li>\n\n\n\n<li>Enter your license key if you have not already done so.<\/li>\n\n\n\n<li>Enable&nbsp;<strong>Hooked Elements<\/strong>.<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<style>.kadence-column1093_2102d7-57 > .kt-inside-inner-col,.kadence-column1093_2102d7-57 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1093_2102d7-57 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1093_2102d7-57 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1093_2102d7-57 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1093_2102d7-57 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1093_2102d7-57{position:relative;}@media all and (max-width: 1024px){.kadence-column1093_2102d7-57 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1093_2102d7-57 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1093_2102d7-57\"><div class=\"kt-inside-inner-col\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/kadence-pro-addons-1024x537.png\" alt=\"Kadence Pro - Hooked Elements\" class=\"wp-image-265\" \/><\/figure><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1093_ad19b6-e4, .wp-block-kadence-advancedheading.kt-adv-heading1093_ad19b6-e4[data-kb-block=\"kb-adv-heading1093_ad19b6-e4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1093_ad19b6-e4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1093_ad19b6-e4[data-kb-block=\"kb-adv-heading1093_ad19b6-e4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1093_ad19b6-e4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1093_ad19b6-e4[data-kb-block=\"kb-adv-heading1093_ad19b6-e4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"create-a-new-hooked-element\" class=\"kt-adv-heading1093_ad19b6-e4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1093_ad19b6-e4\">Create a new Hooked Element<\/h2>\n\n\n\n<p>Navigate to Kadence \u2192 Elements in the WordPress Admin menu.<\/p>\n\n\n\n<p>Click <strong>Add New<\/strong> to create a new Element.<\/p>\n\n\n\n<p>Click <strong>Template Element<\/strong> from the Element Type Selection Menu.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1093_98fd80-d0, .wp-block-kadence-advancedheading.kt-adv-heading1093_98fd80-d0[data-kb-block=\"kb-adv-heading1093_98fd80-d0\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1093_98fd80-d0 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1093_98fd80-d0[data-kb-block=\"kb-adv-heading1093_98fd80-d0\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1093_98fd80-d0 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1093_98fd80-d0[data-kb-block=\"kb-adv-heading1093_98fd80-d0\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 id=\"building-the-404-page\" class=\"kt-adv-heading1093_98fd80-d0 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1093_98fd80-d0\">Building the 404 Page<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Enter a title (e.g. &#8220;404 Not Found&#8221;).<\/li>\n\n\n\n<li>Build the 404 page content using blocks.<\/li>\n<\/ol>\n\n\n\n<p>Click on the Edit icon next to the gear icon at the top right to go to the Element&#8217;s settings.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Placement: <strong>Replace 404 Page Content<\/strong><\/li>\n\n\n\n<li>Priority: <strong>10<\/strong><\/li>\n\n\n\n<li>Under<strong> Display Settings:<\/strong> Set the <strong>Show On<\/strong> option to: <strong>Not Found (404)<\/strong>.<\/li>\n\n\n\n<li>Click Publish.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/page-not-found-kadence-element.png\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/page-not-found-kadence-element-1024x545.png\" alt=\"Element in Kadence for 404 pages\" class=\"wp-image-609\" \/><\/a><\/figure><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1093_36ccac-71, .wp-block-kadence-advancedheading.kt-adv-heading1093_36ccac-71[data-kb-block=\"kb-adv-heading1093_36ccac-71\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1093_36ccac-71 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1093_36ccac-71[data-kb-block=\"kb-adv-heading1093_36ccac-71\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1093_36ccac-71 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1093_36ccac-71[data-kb-block=\"kb-adv-heading1093_36ccac-71\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"testing-the-404-page\" class=\"kt-adv-heading1093_36ccac-71 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1093_36ccac-71\">Testing the 404 Page<\/h2>\n\n\n\n<p>To check how your new 404 page actually appears, visit a random URL on your site that does not exist. (e.g. https:\/\/yoursite.com\/notfound). You should see something like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/page-not-found-front-end.png\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/09\/page-not-found-front-end-1024x537.png\" alt=\"Sample 404 page in Kadence\" class=\"wp-image-610\" \/><\/a><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>The Hooked Elements feature of the Kadence Theme Kit Pro plugin makes it possible to build your 404 Not Found page visually using WordPress blocks. A 404 page is what appears when a visitor navigates to a URL on your website that does not exist. Install and Activate Theme Kit Pro Install and activate the&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[405],"doc_tag":[],"knowledge_base":[6],"class_list":["post-1093","docs","type-docs","status-publish","hentry","doc_category-theme-advanced","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":212,"total_views":"7678","reactions":{"happy":"2","normal":"1","sad":"2"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Advanced","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-advanced\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":405,"label":"Advanced"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=1093"}],"version-history":[{"count":9,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1093\/revisions"}],"predecessor-version":[{"id":15077,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/1093\/revisions\/15077"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=1093"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=1093"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=1093"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=1093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}