Kadence Tutorial: Setting up a WordPress Custom 404 Page with Kadence Theme Pro

interviewsDeleted or non-existent pagesThe user will usually see the WordPress The default "page not found" alert page. This page warns of the access error, but lacks guidance to help visitors continue browsing the site.

leverage Kadence Theme Pro (used form a nominal expression) Hooked Elements feature, webmasters can easily replace the default 404 Page, customize the display content and add modules such as back-to-home buttons, referral links or brand introductions to make the error page part of the enhanced browsing value.

Install and enable Kadence Theme Pro

Kadence The Hooked Elements module is a premium feature and is only included in Kadence Theme Pro. If it is not yet enabled, you can purchase a separate Pro version or Plus/Ultimate package from the Kadence website.

After purchase, log in to your Kadence account and download the Kadence Pro PluginIf the plugin is installed in the WordPress backend, upload the plugin and install it in the WordPress backend. After installation, activate the plugin and enter the authorization information provided by Kadence for verification, and when finished, the Kadence Pro status will change to "Activated".

Enabling the Hooked Elements Feature

exist WordPress In the dashboard, go to Appearance > KadenceFind Pro Addons shore

start using Hooked Elements module. This feature is the basis for setting up site-wide hooks for content such as 404 page replacements.

Designing custom 404 page content

go into Appearance > Kadence > Elements > Add New, creating new elements.

In the pop-up window, select an element type of Templatebecause this type can directly replace WordPress Default template content.

Name it."404 Not Found" or other easily recognizable title and start editing the page content.

usable Kadence Blocks Add the following content module:

• Illustration Module: Used to display branded illustrations or lead images;
• Advanced Text Module: Enter prompts such as "Page does not exist" or "Please return to the home page";
• Button module: add jump links to direct users to the home page or other recommended pages;
• Layout Module: Align all content and beautify the structure using Row Layout.

By centering these blocks, with the right fonts and colors, the page has a clear guide.

Setting the display position

After finishing the design, click the "Element Settings" icon at the top right corner of the page, and then click the "Element Settings" icon at the top right corner of the page. Placement Select from the drop-down menu Replace 404 Page ContentThis is used to replace the default 404 page with customized content.

The default priority is 10, no modification is required. If multiple elements are set in the same position at the same time, the priority can be adjusted to determine the display order.

Setting up display rules

exist Display Settings in the display, set the display condition to Not Found (404), indicating that the content is only displayed when the page does not exist.

The system also supports more advanced options:

• Exclusion setting: Avoid displaying this content on specific pages;
• User Group Settings: Limit visibility to specific login states;
• Expiry settings: Set the expiration date of the element, applying temporary content such as a promotional countdown.

For 404 pages, however, you can simply set the "Not Found" condition.

Publish and test pages

Once you have completed all the settings, click the "Publish" button in the upper right corner to activate the element. At this point, the customized 404 page is officially enabled.

It is possible to enter a non-existent link in your browser (e.g. https://你的域名.com/abc123) To test the effect, the page will display the content template just created.

If it is not displayed correctly, check that the Display Settings are set to "Not Found", andClear site cacheRefresh the page afterward.

concluding remarks

Setup Customization 404 PageIt is a detailed operation that enhances the professionalism and access integrity of your website. The use of Kadence Theme Pro's Hooked Elements feature requires no code changes and is intuitive, flexible and can be set up in minutes.