How to Create a Custom 404 Template in Breakdance

Published by Justin on July 26, 2022
Last Updated: September 24, 2022 | Reading Time: 4 minutes

It's inevitable that at some point you'll have a user visit a page on your site that doesn't exist. When this happens, you'll want to have a custom 404 page set up so that your visitors know that the page they're looking for can't be found.

Fortunately, creating a 404 page in Breakdance Builder is easy to do. Just follow these simple steps and you'll have a custom 404 page up and running in no time.

🎥

When Does a 404 Page Display?

A 404 page will only be displayed when a user visits a page that doesn't exist on your site. This can happen for a number of reasons, such as if they mistype a URL, or if they follow a link to a page that has since been deleted.

Whatever the reason, when someone hits a 404 page on your site, you'll want to make sure that they know what's going on and how to find the content they're looking for. That's where a custom 404 page comes in.

What is a Custom 404 Page?

A custom 404 page is simply a page that is displayed when someone visits a URL that doesn't exist on your site. By default, WordPress will display a basic 404 page that simply says "Not Found."

While this is technically correct, it's not very user-friendly. A custom 404 page will allow you to provide your visitors with a better experience by giving them helpful information and links to other pages on your site.

What to Include On Your 404 Page

Now that you know what a custom 404 page is and why you need one, it's time to start creating yours. But what exactly should you include on your 404 page?

Here are a few things we recommend including:

A helpful error message: Let your visitors know that the page they're looking for can't be found and why.

Links to other pages on your site: Help your visitors find the content they're looking for by providing links to other pages on your site.

A search form: If your site has a search form, be sure to include it on your 404 page so that visitors can search for the content they're looking for.

Your contact information: If visitors can't find what they're looking for, they may want to contact you directly. Be sure to include your contact information so that they can get in touch.

Examples of 404 Pages

We've put together a few examples of custom 404 pages to give you an idea of what yours could look like.

Example 1: This 404 page from Shopify features a funny error message and a back button.

shopify.com 404 page

Example 2: This 404 page from M&Ms features a humorous image, links to other pages on the site, and informative text.

mms.com 404 page

Example 3: This medical office doesn't have a custom 404 page. The styling is awkward and just shows '...' and the rest of a normal page template

txortho.com 404 page

How to Create a 404 Page With Breakdance

1) Create a 404 Page Template

Navigate to the WordPress control panel and go to Breakdance > Templates > Add New. Click on the '404 Not Found' other configured template.

breakdance builder admin settings
breakdance builder template page
breakdance builder list of templates

Now that you have a template created, it's time to start adding content.

2) Design and Customize Your 404 Page

Currently, Breakdance doesn't have prebuilt 404 templates like some other WordPress builders. However, it's easy to create your own custom 404 page using the Breakdance Builder.

Start by adding a heading element to your template and enter the text for your error message. Then add a paragraph element below it and enter any other helpful information you want to include, such as links to other pages on your site or your contact information. We've included a button which links back to the homepage, in case visitors want to start over.

custom 404 template in breakdance with text and a button

3) Publish Your 404 Page

Once you're happy with your 404 page, click on the 'Save' button in the top-right corner of the Breakdance Builder interface. Your custom 404 page is now live and will be displayed any time someone visits a URL that doesn't exist on your site.

Conclusion

Creating a custom 404 page with Breakdance is easy and only takes a few minutes. With Breakdance, you can easily add a 404 template and design a custom page for your error message. So why not give it a try today? You might be surprised at how user-friendly you can make your site in Breakdance.

We hope this article has helped you learn how to create a custom 404 page with Breakdance. If you have any questions, please feel free to reach out below. Thanks for reading!

Written by Justin
Justin is the founder of Gold Penguin, a web design and marketing agency that helps businesses achieve their online goals. Justin has a passion for web design and marketing, and he loves working with clients to help them grow their businesses.

Comments

Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
Made with 💛 by Gold Penguin © 2022