WiscWeb - WordPress UW Theme - Creating a Custom 404 Page
This document will walk you through setting up a custom 404 page for your site. Custom 404 pages can be used to inform users of the fact that a URL on your site has changed. They are also helpful when redesigning a website, where many page paths may change. Rather than getting the standard 404 message indicating that the page does not exist, or setting up numerous 1-to-1 redirects, they can land on this page. Here is where you can add key information for the user that will help them find what they need and make it clear that the location of the content has permanently changed. This solution is preferred over directly redirecting the user, as it informs them that there has been a change and therefore gives them an opportunity to update any out-of-date bookmarks they may have in their browser.
What is a 404 page?
When an end-user enters a URL for your site that does not exist, they will get a generic 404 error.
This can be very confusing for customers who:
- Have old bookmarks to pages but do not know they are outdated or have changed
- Have old links in communications (emails, brochures, etc.) that are not being redirected to the new link
Custom 404 Messages
The UW Theme offers a way to customize the 404 message that appears for customers when a broken link is accessed. This allows you to add more information about why the link may have broken, provide helpful documentation and links for where to find the page now, and a reminder for folks to update their redirects.
Create a Custom 404 Page
- Login to your WordPress site.
- Create a new page with the content you want for your 404 page. We recommend naming it "404 Error"
- In your Dashboard, click on Appearance > Customize.
- Click on Custom 404 Page.
- You will see a dropdown with all of your pages selected. Select the page you created in step 2 (e.g. 404 Error).
- Click Save
Example Content for a Custom 404 Page
"The page you are trying to view has either been removed or is temporarily unavailable. If you have reached this page while navigating the [your website name here] website or submitting a form, your browser cache may need to be cleared.If you believe you have received this message in error, please email [email address] and include your name, contact information and information about how you reached this page. We will analyze the issue and will get back to you on the status."