Editing your 404 Page Layout

Why Use 404 Page in Your Community

404 error pages show when a user lands on a URL that doesn’t have a working page, which can be frustrating for users. This could happen for many reasons, the main reason will be if you have been creating or removing pages, moving existing pages under parent pages or even creating new taxonomies for posts to sit in. 

Generally this should all work seamlessly in most cases but this can cause a permalink to get stuck or a link not to exist anymore and you might have forgotten to remove the link from your site.  

This is where 404 page come into play as you don't want you customers to just go nowhere if this happens which is a potential negative experience for your user.In this tutorial, you will learn how to configure the 404 Page in your BuddyBoss Theme 2.0 to provide a more positive experience if this does ever happen.

Configure 404 Page

Step 1

Navigate to BuddyBoss - Theme Options - 404 Page. At first add your Page Title and Page Description, like you have done here. And, click Save Changes. 

To check the changes add some words after your community URL, such as https://demos.buddyboss.com/online-communities/whatever. We know a page called ‘Whatever’ does not exist and so we will be directed to our 404 error page and can see for yourself what your page is starting to look like.

Step 2

Now for Featured Image, let’s click the BuddyBoss 2.0 theme and click Save Changes.

Well, refresh the page and see the 2.0 feature image is right there. 

Now, you may not like the blue color here. Don’t worry you can change the color according to your community theme. Go to Colors and see the Primary Color is Blue that’s why the 404 image is in Blue theme. 

I will now show you how to change that color. From the Primary Color palette select any color you want, even if you can use color code. Don’t forget to hit the Save Changes button 

Tada! We have successfully changed the 404 image theme to Pink. Check out the changes after reloading the 404 page. 

As BuddyBoss has the previous 1.0 Theme, you can also check it out just by pressing the 1.0 button here. And click the Save Changes button. 

Refresh the page and see the 1.0 theme 404 Error Page. 

There is a Custom option as well, if you want to add another image just click the Upload button. Also you can keep it None. So, after getting lost your community members want to get back to the home page, for that BuddyBoss have a button in the 404 Page. Just turn on the Page Button option, you will then be able to add Button Text and Button Link to help that lost user. Finally, don’t forget to click the Save Changes button.

Reload the page and you will see the button right there. 

Well, that’s how you can configure your 404 Error Page in BuddyBoss Theme. 

Related Materials

404 Page in BuddyBoss Theme 2.0