---
title: "How to make a custom 404 page"
source: "https://docs.nexcess.com/software/kadence/theme/make-a-custom-404-page/"
description: "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 i…"
vertical: "Software"
area: "Kadence Theme"
date: "2020-11-16"
last_modified: "2026-07-02"
---

# How to make a custom 404 page

The [Hooked Elements](https://docs.nexcess.com/software/kadence/theme/use-element-hooks/) 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 **Kadence Theme Kit Pro** plugin. Theme Kit Pro is included in [Kadence Plus](https://www.kadencewp.com/pricing/) and [Ultimate Plans](https://www.kadencewp.com/pricing/), or it can be [purchased separately](https://www.kadencewp.com/kadence-theme/theme-kit-pro/).

1. Navigate to Appearance → Kadence
2. Enter your license key if you have not already done so.
3. Enable **Hooked Elements**.

![Kadence Pro - Hooked Elements](https://docs.nexcess.com/wp-content/uploads/2026/06/kadence-pro-addons-1024x537-1.png)

Create a new Hooked Element

Navigate to Kadence → Elements in the WordPress Admin menu.

Click **Add New** to create a new Element.

Click **Template Element** from the Element Type Selection Menu.

Building the 404 Page

1. Enter a title (e.g. “404 Not Found”).
2. Build the 404 page content using blocks.

Click on the Edit icon next to the gear icon at the top right to go to the Element’s settings.

3. Placement: **Replace 404 Page Content**
4. Priority: **10**
5. Under **Display Settings:** Set the **Show On** option to: **Not Found (404)**.
6. Click Publish.

[![Element in Kadence for 404 pages](https://docs.nexcess.com/wp-content/uploads/2026/06/page-not-found-kadence-element-1024x545-1.png)](https://docs.nexcess.com/wp-content/uploads/2026/06/page-not-found-kadence-element.png)Testing the 404 Page

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:

[![Sample 404 page in Kadence](https://docs.nexcess.com/wp-content/uploads/2026/06/page-not-found-front-end-1024x537-1.png)](https://docs.nexcess.com/wp-content/uploads/2026/06/page-not-found-front-end.png)