404 sample page download#

Elegant Themes has several premade 404 pages that you can download for free. The Divi Theme Builder makes it easy to create and assign a 404 page.

404 sample page how to#

How to Create a Custom 404 Page in WordPress with the Divi Theme Builder LetвЂ™s look at how to create a custom 404 page for WordPress using the content ideas we just discussed.

A few buttons providing the visitor with some directions.

Large text showing that itвЂ™s a 404 page.

A title with a short message about the error.

Background colors and patterns that would match the website/.

This could be a list of articles, a search box, a list of categories, most popular posts, most recent posts, a way to contact you, etc. Next, it needs to provide some direction of what to do next. Something that stands out from your normal content that would appeal to your audience. This is best done with a simple message and possibly an image that catches the eye. If they donвЂ™t know, theyвЂ™ll keep looking for the content until they furiously leave the website, vowing to never return. Visitors need to know if they did something wrong or if the content doesnвЂ™t exist. Your first question would be вЂњwhat does that mean?вЂќ Not providing useful information about the error is frustrating. Imagine an error light coming on in your car. It shouldnвЂ™t just tell the visitor there is an error. So, what does a 404 page need? We see a few common elements in the examples above.ДЇirst, it needs to be helpful. It includes lots of different photos that can be displayed. AmazonДЄmazonвЂ™s (also not WordPress) 404 page includes the Amazon logo with a search box, a large message, a smaller message with a link to the home page, and a photo of an animal with a link to learn more. ItвЂ™s a cartoon background that scrolls right or left to follow your mouse. SlackвЂ™s (non WordPress) 404 page shows a box in the center with information about the error with a link to the help center. The body shows a large title in the center, an explanation, and a search box. WordPressвЂ™s Twenty Twenty theme displays the header and footer. The body has a short description and a search box. WordPressвЂ™s Twenty Twenty-One theme has a 404 page that uses your primary and footer menus. You have access to almost everything from here. Elegant ThemesД®legant ThemesвЂ™ 404 page (because I know youвЂ™re going to look anyway) shows the ET header, a large title with a small explanation, and a button as a CTA. It shows a graphic, a title, a description with clickable links, a search box, and the logo. вЂ™s 404 page removes the header and footer. The body includes a title to show the page wasnвЂ™t found, a short explanation with a touch of humor, and then a list of links to help guide you. вЂ™s 404 page displays their standard header and footer. It doesnвЂ™t provide other information, but itвЂ™s Google, so all you have to do is type something else in the search bar. The message just tells you thereвЂ™s an error and provides a graphic of a robot in pieces. ItвЂ™s a small area of content in the center of the screen. GoogleвЂ™s (not WordPress) 404 page is simple. Some are simple and boring while others are helpful and look great. HereвЂ™s a look at a few 404 pages to get an idea of how theyвЂ™re designed. A few are plain, while others are gorgeous. There are thousands of amazing 404 pages across the web. You donвЂ™t want to be left alone in the aisle not knowing where to go next. It should provide tools, links, advice, or some form of help. You want more information.ДЄ 404 page should give you more information. You want them to point you to the correct aisle. ItвЂ™s kind of like asking a store worker if something youвЂ™re looking for is on the aisle youвЂ™re in and they just say no. ItвЂ™s placed within the body content area and shows your header, footer, and sidebars if you have them. The standard 404 page that WordPress displays is just an error message. It doesnвЂ™t look good and it gives them no reason to stay on your website.ДЇirst, letвЂ™s look at the generic page weвЂ™re trying to avoid.

A general message is a bad user experience. It can be just as important as any other page. However, it needs to be helpful to your visitors.

ItвЂ™s tempting to skip designing the 404 page because you hope no one will see it. Why Create a Custom 404 Page for WordPress? Along the way, weвЂ™ll see both good and bad designs. In this article, weвЂ™ll explore how to create a custom 404 page for WordPress. This page is a generic error that just informs the visitor the page wasnвЂ™t found. A 404 page is what WordPress displays when someone enters or clicks on a URL that doesnвЂ™t exist on your website. Chances are high that youвЂ™ve landed on a 404 page and immediately left the website because it was less than helpful.