Documentation
BuddyBoss Web

BuddyBoss Web
Learn how to install, configure and customise the BuddyBoss Platform and Theme to launch your online community or elearning site
BuddyBoss App

BuddyBoss App
Read our guides as we setup and configure your BuddyBoss App, including configuration, branding, testing and publishing your very own native app
Integrations

Integrations
Extend your site with our official and third party plugins. We’ll explain what’s possible and how they improve your Web and App experience
Recent Articles
Social Learner for the LearnDash and Boss Theme
Social Learner for LearnDash - is a legacy product that runs with BuddyPress and uses the Boss theme. It allows our customers to create an online social learning platform with LearnDash. For more information about Social Learner for LearnDash, please click on the demo site below: https://www.buddyboss.com/product/social-learner-learndash/ Please note that the Social Learner is a totally different product. Social Learner is based on the Boss Theme and it also has its own Boss Child Theme. About Boss Theme, this is used for Social Learner for LearnDash. BuddyBoss Theme and Social Learner are two different products of BuddyBoss that can be configured with LearnDash. BuddyBoss Theme has functionalities that will allow our customers to design LearnDash and make it more appealing to the users. We’ve added custom integrations to make learning enjoyable for students. We have also functionalities that will connect courses with a social group. BuddyBoss Theme is not an automatic upgrade to the Social Learner that you purchased though there may be features that may be similar to both. BuddyBoss Theme replaces Social Learner. You can also migrate your Social Learner to the new BuddyBoss Theme. You may check these videos to know more about the difference between the two products and how to switch from Boss Theme to BuddyBoss Platform. How to migrate from Social Learner to BuddyBoss Platform? https://www.youtube.com/watch?v=-TdZ6eHFujo How to migrate from the Boss theme to the BuddyBoss Platform? https://www.youtube.com/watch?v=TY_XRkAOE64 In addition, check this tutorial on how to install and configure LearnDash in BuddyBoss Theme: https://www.youtube.com/watch?v=muuBXIClDJM
How to Add Question Titles for Essays' Answers from LearnDash
Using the [ld_profile] shortcode on a page [screenshot], you can directly review essays from that page and add comments [screenshot]. You will see only the answer and a comment box if you click that question from the list. However, you must override the template if you want the question title to appear on that page. First, open your file manager in cPanel or from your FTP/SFTP and navigate to wp-content/themes/buddyboss-theme/. After that, copy the single-sfwd-essays.php file and paste it into your child theme's folder, and it should look like this screenshot. Now, edit the single-sfwd-essays.php file, and replace all its codes with the below code; save it. It will bring the question's title above the answer, like this screenshot.
', '' );
get_template_part( 'template-parts/content', 'sfwd' );
/**
* If comments are open or we have at least one comment, load up the comment template.
*/
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
}
endwhile; // End of the loop.
?>
Profile Images
Configure Profile Images Select Profile Avatars- WordPress Navigate to BuddyBoss - Settings - Profiles. Now jump to the Profile Images section. You will see two avatar options BuddyBoss and WordPress. Select whether to use the BuddyBoss or WordPress avatar systems. You can manage WordPress avatars in the Discussion settings. Allow the members to upload a profile avatar by ticking the Upload Avatar option. Enable cover images for member profiles. Here your selected cover images will be appeared for those users who haven’t yet upload any cover image. Don’t forget to click the Save Settings button. Under the Default Avatar let’s pick Identicon (Generated) avatar. Hit the Save Changes button. Reload the frontend of your Members page. See the Identicon avatars in the members avatar. Select Profile Avatars- BuddyBoss If you now select the BuddyBoss avatar system there a Default Profile Avatar section will appear. Choose the first BuddyBoss avatar and don’t forget to click the Save Settings button. Now, reload the frontend of your Members page. You will see the default BuddyBoss avatar. Select the Legacy avatar and hit the Save Settings button. Again reload the frontend of the Members page. Select the Custom option and click the Upload button. A window will appear where you can select your desired avatar by click the Select your file button. Here you can customize image with Crop Photo button. Your desired Custom avatar will be uploaded successfully. Now don’t forget to the Save Settings button. Reload the frontend of the Members page again. Set Profile Cover Image- Browser Here, you can allow members to use gravatar for profile avatars by ticking the Enable Gravatars option. Now, enable cover images for member profiles under Profile Cover Images. You will get 3 options as Default Profile Cover Image. There are also options for customize your Cover Image Sizes in Width and Height. Let’s pick the BuddyBoss cover image. You can have the preview at the bottom of this setting. Right now we are watching the Browser preview. If you want to change the background color of the cover image then click on the Theme Options right below the preview section. This will lead you to the Colors - Theme Options of BuddyBoss. You will find the Cover Image Background Color option. We have selected a color here and click Save Changes button otherwise it won’t show up in the background. If you now select BuddyBoss cover image browser version you will see the preview of cover image background. Now, move to the frontend of BuddyBoss platform and select a member’s profile. For instance, we have selected Lennie Roberts profile. You can see the color you have chosen as the cover image background. We will now select the None profile cover image. You can see the browser preview as well. As usual if you reload the frontend of your member’s profile you can see the difference. Lastly we will choose the Custom version of profile cover image. Like the profile image you have to upload banner from your desktop. After reloading the frontend you can see the customized background here. Set Profile Cover Image- App Let’s have a tour how the profile cover image looks in the app version. For that we choose the BuddyBoss profile cover image and you can see the preview. To change the app cover image background color click on the Colors option right below the preview. It will navigate to the BuddyBoss App - Branding - Colors. You will find the Cover Image Background option. We have changes the color like we do for browser and click the Save Settings button at the bottom of that page. After that, move to the backend of the Profile Images. If you refresh it then the color change will be visible in the preview section. Now will select the None profile cover image. You can see the app preview as well. Lastly we will choose the Custom version of profile cover image. Like the profile image you have to upload a banner from your desktop. Check the app preview. Here is the full preview of app cover image background. Set Group Cover Image Go to BuddyBoss - Settings - Groups - Group Images. Firstly enable Group Avatars so that the Default Group Avatars. Also enable the Group Cover Images and you will see the Default Group Cover Image. Let’s select the BuddyBoss Avatar and Group Cover Image. You will see the Browser preview. Lastly, don’t forget to click the Save Settings button. Go to your Groups tab and see the differences you made. The settings of other options like Legacy and Custom are totally same as Profile Avatar and Cover Image. So the customization would be handy for anyone. Enjoy and let us know your blockers rightway without support team.
Profile Names
Why Use Profile Names in BuddyBoss Platform? You can choose how you want your member names to be displayed and if you want members to be anonymous. In this tutorial, you will learn how to configure the profile names that are used throughout your network when running a community on the BuddyBoss platform. Configure Profile Names Access to Profile Names Navigate to BuddyBoss - Settings - Profiles. You will get the Profile Names section. There are three options for profile names: First name First name and last name Nickname Each of these options serves a unique purpose. First Name This option has three fields associated with it - First Name, Last Name, and Nickname. After selecting First Name don’t forget to click the Save Settings button. Let’s go to BuddyBoss - Profiles. As we have selected First Name, you can edit First Name, Last Name, and Nickname options here. We will see the fields of Last Name. You can set whether it is Required or Optional in the frontend. So the Frontend of the First Name is as follows It totally depends on you how you want to display it to your members. First Name and Last Name This option requires all three fields. Like you can see in the image below. After selecting First Name and Last Name, we click the Save Settings button. Next we navigate to the Profiles and you can see three of the fields are available there. If you check out the frontend, you will see the user has first and last name. Nickname Lastly, we will select the Nickname option and hit the Save Settings button. Here you can disable the First and Last Name like we do. Have a look in the Profiles section, only Nickname is available there. So in the frontend we can see the user has the Nickname only. With these options, you can fully customize the naming scheme of your profile names. By configuring your profile names, you can make your network professional or anonymous, depending on your needs.
Profile Fields
What User Profile Information to Add? Configure Profile Type Field Navigate to BuddyBoss - Profiles - Profile Types, now click Edit of any profile type, for example we clicked on Teachers. Scroll down to find the Profile Field section. It allows users to self-select as this profile type from the Profile Type profile field dropdown. From Profile Fields, hit the Add New Field button. Write down the name of this field and the type will be Profile Type. Now don’t forget to click the Save button. Adele is a Coach, she is trying to Edit her profile. At the bottom you can see there is Profile Type Field. And she select Teacher. Reload the profile and here is the result. She is now a teacher. If you now Uncheck the box and Update the Teacher profile, then the Teacher option will not be available to select as a profile type. This is the feature to define a member's profile smoothly.
Registration Emails
Why Use Registration Emails? BuddyBoss has built-in email templates for different purposes. Some of them are specially used for registration. In this tutorial, you will learn how to configure all the emails that are used during the registration process. Configure Registration Emails Navigate to the BuddyBoss - Help, click on BuddyBoss Platform. Now scroll down below to get the BuddyBoss Labs. After clicking BuddyBoss Labs, there will be an option for BuddyBoss Emails. Hit the Email Tokens. Now you will get 3 Registration Tokens. These tokens are used in the registration process to join the website. As a website owner, you can edit the content of email notifications with these Email Tokens. Let’s see the template which is dedicated to these tokens. At first, you will see an email token for activating an account, where the user has already registered. From the left sidebar press on Emails. For the easy navigation of the users, there are ready-made email templates. You can find associated emails by using the search feature as you can see I searched ‘Activate Your Account’ and BuddyBoss found any email templates associated with that word! The template looks like the one below. You will find Plain Text Email Content if you go down. The second one is for activating an account and registering for a website (multisite only). The template is just like the previous only with some additional equipment. Now the last and third one, this email token is for verifying users' new email addresses. Just like before, I searched ‘Verify’ and BuddyBoss found email templates associated with that word! The template looks like the one below. You will find Plain Text Email Content if you go down. Apart from checking out the templates, you can also go through the process of Customization of Email Layouts. You may delete all the texts or the format of the email template in terms of editing. Well, you can get back the email templates as they stay after newly installing BuddyBoss. To do so, go to Tools - Repair Community. Tick the Reset Emails option and hit the Repair Items button. That is all for setting your Registration Emails. Related Materials In this tutorial, we teach you how to configure all the emails used during the registration process: How to configure all the emails during the registration process within the Platform?
How to Remove the Whole Discussions Tab on the Forum Directory Page
By default, the platform does not have this option. You can use the following CSS code. Please follow the steps below: 1. Go to BuddyBoss - Theme Options 2. Under Custom Codes, enable CSS 3. Append the following: .forum-archive .bbp-pagination:nth-child(4), .forum-archive #bbpress-forums .bs-forums-items{ display: none; }/*add codes here*/ 4. Save changes. Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/ Screenshots Without Code: With Code:
How to Remove the Course Progress Bar on the Course Directory and Lesson Pages
By default, the platform does not have this option. You can use the following CSS code. Please follow the steps below: 1. Go to BuddyBoss - Theme Options 2. Under Custom Codes, enable CSS 3. Append the following: div.ld-progress {
display: none!important
} 4. Save changes. Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/ Screenshots Without Code (on the Course Directory): On the Lesson Page: With Code (on the Course Directory): On the Lesson Page:
How to Make the "Following" as the Default Tab in the Activity Feed
There's currently no option to change the link from this menu. However, please try adding the following Javascript code to your theme files. Please follow the steps below: 1. Go to BuddyBoss - Theme Options. 2. Under Custom Codes, enable JavaScript. 3. Append the following: jQuery(document).ready(function() {
jQuery("#activity-following").addClass("selected");
jQuery("#activity-all").removeClass("selected");
jQuery("#activity-following .bb-component-nav-item-point").click();
}); 4. Click Save Changes. Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/ Screenshot:
How to Remove the Course Directory Page Filters and Move the Grid/List View Filter to the Left
By default, the platform does not have this option. You can use the following CSS code. Please follow the steps below: 1. Go to BuddyBoss - Theme Options 2. Under Custom Codes, enable CSS 3. Append the following: div.sfwd-courses-filters.flex.push-right{
display: none
} 4. Save changes. This code helps hide/remove the course filters and move the Grid/List view filter to the left for a much more organized display. Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/ Screenshots Without Code: With Code: