Recent Articles

How to Remove the Default File Icon on the BuddyPanel Menu

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: i.bb-icon-file::before { 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:   With Code:

Set a different homepage for logged in and logged out users

By default, the platform does not have this option. You can use the following function code to set a different homepage for logged in and logged out users. Please follow the steps below: 1. Go to Appearance > Theme Editor. 2. Under “Select theme to edit”, choose (BuddyBoss Child/whatever theme is active), then click “Select”. 3. Below Theme Files, select Theme Functions (functions.php). 4. Append the code just before the closing PHP tag “?>”: add_filter( 'pre_option_page_on_front', function($p) { if ( is_user_logged_in() ) { $page = get_page_by_path( 'add-listing' ); return $page->ID ; } else { return $p; } }); add_filter( 'pre_option_show_on_front', function($p) { if ( is_user_logged_in() ) { return 'page'; } else { return $p; } }); You only need to update 'page slug here' and the rest will update automatically. The slug should be the page you want to show for logged-in users. 5. Set the page for logged-out users by navigating to the WP Dashboard > Settings > Reading > Homepage. For reference, please see the image below: 6. Save the changes. How to find your page slug. Finding the page slug lets say the page you are looking for is your events page so your url should look something like this -  www.mydomainname/events/    Then the slug would be ( events ) without the forward slashes. If you want to clarify a page slug you can find this by editing the Wordpress page in the standard Gutenberg editor and then select in the top right the 'cog icon' this will open up a pane on the right hand side where you can edit the meta data of the page. if you scroll down you will see an input box labeled slug which you can edit if you wish. Second way to quickly locate the slug is by navigating to your wordpress admin - pages find the page you want the slug from and select quick edit underneath the page title and it will show you the slug and again you can edit the slug from here if you wish. 5. Click “Update File” to save the changes. Note: Any modifications are considered as custom work already. Know more about our Support Policy here: https://www.buddyboss.com/support-policy/

Configure In-App Purchases

Configure In-App Purchases In this tutorial, you will learn how to set up In-App Products in your BuddyBoss App, so that you can link them to the In-App Products you create in your Apple Developer Account and Google Developer Account. Make sure to read our article for testing In-App Purchases as well, so you know how to test your products after adding them. Video Timestamps: 00:00 – Introduction 01:08 – Tutorial – In-App Purchase Settings 04:55 – Tutorial – Display Products in Tab Bar 05:46 – Tutorial – How to Add Products 08:13 – Tutorial – Add Subscription Products 16:54 – Tutorial – Reorder Products on Products Screen 17:30 – Tutorial – Subscription Groups 20:52 – App Demo – Products Screen / Testing Purchases 25:04 – Tutorial – In-App Purchase Transactions 26:16 – Tutorial – Add Course Products 29:22 – App Demo – Purchase Course Products 31:11 – Tutorial – Testing in Release Apps 33:40 – App Demo – Testing in iOS Release App 35:52 – App Demo – Testing in Android Release App Enabling In-App Purchases The first step is to enable the In-App Purchases component. In your WordPress admin, go to BuddyBoss App > Components. From there, you can enable In-App Purchases. In-App Purchase Settings Once you have enabled the In-App Purchases component, go to BuddyBoss App > Settings > In-App Purchases. The first option is for “Require Purchase”. If you check this option, when your members first log into the app, they will be required to purchase a product before they can advance into viewing the rest of the content in the app. The products they can choose from will be limited to just the ones you have assigned to your Products Screen. If you do not use this option, you can still add the Products Screen menu into your Tab Bar. The next options are for “Terms of Service” and “Privacy Policy”. Apple and Google require that you display this information on the purchase screens, according to their In-App Purchase guidelines. You can select from any existing WordPress pages to be assigned to each option, and then when viewing a product in your app, you will see links to open the Terms of Service and Privacy Policy in popup modals. We are using WordPress pages for these settings, instead of App Pages, because we know that many of you have already created Terms of Service and Privacy Policy pages for your BuddyBoss Platform Registration Pages which are synced into the app. You can modify these pages to include some content specific to your app, and use them for your In-App Purchases as well. Products Screen The “Products Screen” is a dedicated screen in your app, that displays specific products that you have assigned to be displayed on the Products Screen. This is especially useful for selling membership tiers that you want to be clearly visible for purchase on a dedicated pricing tier page. You can also use this screen to advertise courses you for purchase, if that makes sense for your app. Free Products can be added to this screen as well, giving users the option to pay for a Paid Product, or just use a Free Product if they are not ready to buy. To edit the Product Screen options, go to BuddyBoss App > Settings > In-App Purchases. In the In-App Purchase settings, as explained above, you can force every member to purchase a product from the Product Screen immediately after logging into the app, by enabling “Require Purchase”. Below those settings, you will see a settings area for the Products Screen, with an option for “Sales Message”. You can add some text here, which will display at the top of your Products Screen, above the list of products. Example content could be “Please select a product to purchase” or perhaps something more specific to your app. You can also add the Products Screen to your Tab Bar or More Screen. To do this, go into BuddyBoss App > Branding > Tab Bar, and from the “Core App” section, you will see a “Products” page that you can add. Then once your members are using your app, at any time they can visit the Products menu to see their current active membership or course product, and to buy or switch to another membership or course. You can easily re-order products in your Products Screen. Just go to BuddyBoss App > In-App Purchases > Products. You can drag and drop products from the table into any order. The products that are assigned to be visible in your Products Screen will display in the order you have set. Additionally, if multiple products are able to unlock a LearnDash Course, when viewing the purchase modal on the course, the products in the modal will be ordered according to their order in this Products table. Creating Products To create In-App Products, go to BuddyBoss App > In-App Purchases. Then click on the “Products” tab. From here you can create your products to be displayed in the app, to be optionally added to your Products Screen, and/or to be accessed from LearnDash courses in the app. In order for a product to be found in the app, it needs to be added to the Products Screens and/or associated with a course. Before creating any Paid Products in the plugin, you will need to have created the matching In-App Products already in your Apple Developer Account and Google Developer Account. From the plugin, you will be syncing in the product data from those external app store accounts. While on the Products tab in the plugin, click on “Add New”, and then follow the below steps: For Product Name, add a name that describes the product in just a few words In most cases, we recommend using the same name as added in your Apple and Google accounts. This will make it easier to cross-check products and know which products are mapped to each other. For Tagline, optionally add a short sentence or phrase, explaining the product The Tagline will display in the Products Page, and on the single product view For Description, optionally add a longer description explaining the product The description will display only on the single product view For Benefits, optionally add a list of benefits the member can expect from purchasing the product The Benefits will display only on the single product view The Benefits display as a checkmark list, and so the text should be short and concise Benefits should highlight the features that your product offers, such as “Full catalog of courses” When creating a Subscription product in your Android account, it asks you to add a list of benefits for the subscription. You can consider pasting the same benefits here if you wish. For Products Screen, select if the product should appear on the Products Screen For Product Type, select if the product is Free or Paid Free Products can be “purchased” without payment, and do not actually use In-App Purchases Free Products can be tested fully from your Test App and Release App Paid Products require payment, and require an associated In-App Purchase from Apple and Google Paid Products can only be partially tested from your Test App, and require a Release App for full testing. For iOS Store, check the box to enable the product in your iOS app If the product type is Paid Product, you will need to select a product from your Apple Account If you don’t see the product in the list, try clicking “Sync with Apple” If the status says Not Approved, this means the product can still be tested, but cannot yet be purchased in a real published app, by actual users. It can still be tested from a Release App, by admins only. All products can be tested in your Test App, by all users (but will not display pricing or terms). If the status says Approved, this means the product was approved by Apple’s review, and can be purchased in your published app, and can be tested in your Release App by all users. All products can be tested in your Test App, by all users (but will not display pricing or terms). For Android Store, check the box to enable the product in your Android app If the product type is Paid Product, you will need to select a product from your Google Account. If you don’t see the product in the list, try clicking “Sync with Google” The product needs to be of the same type as your iOS product: Non-Consumable in iOS, corresponds to In-App Product in Android Auto-Renewable Subscription in iOS, corresponds to Subscription in Android Non-Renewing Subscription in iOS, corresponds to Subscription in Android If the status says Inactive, this means the product will not display in your Test App or Release App If the status says Active, this means the product is marked as Active in your Google Play Console, and can be viewed in your Test App. This does not mean the product is available for purchase in your published app. You will still need to get the product and app approved by Google first, and it will need to be added to a Testing Track to be testable in your Release App, by admins only. If both products are Subscription product types, you will see an option for Subscription Group Users can only subscribe to one product within a subscription group at a time, but can change subscriptions within the group as often as they like View our Subscription Groups tutorial for more information For Integration Type, select if the product should unlock a LearnDash Course or Membership For LearnDash Course, select from one of your courses Make sure the course is set to Closed, Recurring, or Buy Now in LearnDash options When viewing the course in the app, users will see a “Buy Now” button to purchase the product If multiple products can unlock the course, all the products will appear in the purchase modal For Membership, select from our supported membership plugins, then select a membership To be visible in the app, the product will need to be added to the Products Screen Please note: While we're currently enhancing our platform, promotional in-app products are not yet available. However, we're thrilled to offer Introductory Offers to kickstart your journey. Stay tuned for more updates and thank you for choosing BuddyBoss! Managing Transactions You can view your app’s In-App Purchase transactions at BuddyBoss App > In-App Purchases. If a purchase was made in the Test App, it will be clearly indicated with a (Test App) label. You can safely revoke these test app purchases, so that you can easily test purchasing and revoking over and over as you modify your settings for your Test App. If a purchase was made in your published Release App by a real user, you will want to be careful with revoking purchase orders. Revoking a purchase will immediately remove all access to the product purchased, and it will not automatically issue any refunds to the customer. If a customer wants a refund for their Android purchase, you can issue their refund from the Google Play Console. If a customer wants a refund for their Apple purchase, they will need to request a refund from Apple.

Google reCAPTCHA

Why Use CAPTCHA in Your BuddyBoss Platform? Integrating Google reCAPTCHA with BuddyBoss enables website owners to safeguard their online communities and forums from spam and automated attacks. It ensures a secure and more authentic user interaction environment. Configure Google reCAPTCHA Google supports two versions of CAPTCHA. v2 Google reCAPTCHA requires users to actively confirm they are not robots, typically through image recognition challenges or ticking a checkbox. In contrast, reCAPTCHA v3 works in the background to assess user interactions and behavior, assigning a score to determine their likelihood of being human, without interrupting the user experience. Google reCAPTCHA v3 differs from v2 by offering a frictionless, non-intrusive method of website security. Unlike v2, which requires users to solve "I'm not a robot" challenges, v3 operates in the background, analyzing user behavior to assign a risk score. We recommend you to use v3 to improve user experience by minimizing interruptions while effectively protecting against bots and spam. Enable reCAPTCHA v3 Enable reCAPTCHA v2 - Checkbox Enable reCAPTCHA v2 - Invisible Badge Enable reCAPTCHA v3 Navigate to BuddyBoss - Integrations - reCAPTCHA. You will get the reCAPTCHA section. Here the reCAPTCHA v3 will be automatically selected. Click on the reCAPTCHA website which is hyperlinked.  This will lead you to the Google reCAPTCHA page. In the Label field write down a name and this will make it easy for you to identify the site in the future. Select Score based (v3), and in the Domains field add your website URLs where you want to add this feature. Finally click the Submit button. Then this page will appear. Click on COPY SITE KEY and COPY SECRET KEY.  Then go back to your WordPress Dashboard and paste respectively in the Site Key and Secret Key fields. Hit the Verify button. The system will verify the keys and load.  Now click on the Submit button. If your tokens are correct you will see this successful message. Press the Ok.  Voila! Your reCAPTCHA is Connected with this website.  Now, scroll down below and you will notice the reCAPTCHA Settings. reCAPTCHA v3 provides a score for every request seamlessly, without causing user friction. Input a risk score options 0, 0.5 and 1 in the field above to evaluate the probability of being identified as a bot. Then select the forms to include in the reCAPTCHA submission. Make sure to Enable Registration if both registration and account activation are disabled.  There is a bypass URL option. It enables you to bypass reCAPTCHA in case of issues. With this URL anyone can enter your website without passing the Google reCAPTCHA. We recommend keeping the link below securely stored for accessing your site. Enter 6-10 characters which will be added by the URL and make it unique and secure.  Choose a Language Code for reCAPTCHA V3 when shown. When the No-conflict Mode is checked, other instances of reCAPTCHA are forcefully removed to prevent conflicts. Only enable this option if your site is experiencing compatibility issues or if instructed to do so by support. In the Exclude IP field enter the IP addresses that you want to skip from captcha submission. Enter one IP per line. Finally hit the Save Settings button. Reload the login page and you will notice the reCAPTCHA. Enable reCAPTCHA v2 - Checkbox Firstly choose the reCAPTCHA v2 and two options will appear. Select the Checkbox one.  Go back to the Google reCAPTCHA page and click on the GO TO ANALYTICS button.  From this page press on the + icon.  Write down the Label, select Challenge (v2) then I’m not a robot Checkbox. Add your Domains. Hit the Submit button. Again the new keys will be generated. Just like before copy them.  Paste them in the Site Key and Secret Key fields. And, press the Verify button. This popup will appear. Confirm that you are not a robot by checking the box. Then click Submit. Yes! You are Connected with the reCAPTCHA v2 Checkbox option.  Scroll down to change any reCAPTCHA Settings if you want.  If you scroll down more you will discover a new reCAPTCHA Design section. This is specially built for v2 reCAPTCHA. Select Light or Dark Theme. Then choose the Size Normal or Compact. Don’t forget to press the Save Settings button or all your hard work will go vain. Reload the login page again and you can now see the v2 reCAPTCHA Checkbox. Tick the I’m not a robot option.  A side popup appeared which asks you to Select all squares with Stairs. This will ask you to select a different type of object every time. So we have selected the Stairs area and clicked Verify. We are successful! We can login now seamlessly.  Enable reCAPTCHA v2 - Invisible Badge Select Invisible Badge.  Go back to the Google reCAPTCHA page. Set your Label, select Challenge v2 - Invisible reCAPTCHA badge. Add your Domains and hit the Submit button. New keys are generated, copy them.  Paste them in the respective fields and press Verify.  As the reCAPTCHA Settings will be the same scroll down to check the Badge Position under reCAPTCHA Design section. We have selected Bottom Left and never forget to press Save Settings.  Reload your login page and you will see a tiny reCAPTCHA badge at the bottom left of that page.  If you get an error message like this while adding keys don’t get panicked try again carefully.  Implementing Google reCAPTCHA is essential for website owners. It enhances security and ensures a safer, bot-free environment for your community  which will enable users to interact and engage more securely.

Set descending order for Forum Discussion replies

By default, the platform does not have this option. You can use the following function code to set descending order for Forum Discussion replies. Please follow the steps below: 1. Go to Appearance > Theme Editor. 2. Under “Select theme to edit”, choose (BuddyBoss Child/whatever theme is active), then click “Select”. 3. Below Theme Files, select Theme Functions (functions.php). 4. Append the code just before the closing PHP tag “?>”: add_filter( 'bbp_before_has_replies_parse_args', 'buddyboss__change_replies_order' ); function buddyboss__change_replies_order( $r ) { $r['order'] = 'DESC'; return $r; } add_filter( 'bb_get_parent_reply_position', 'buddyboss__get_parent_reply_position', 10, 3 ); function buddyboss__get_parent_reply_position( $reply_position, $reply_id, $topic_id ) { // Bail if nothing passed. if ( empty( $reply_id ) ) { return false; } $top_level_reply_id = bbp_get_reply_ancestor_id( $reply_id ); $parent_replies_ids = bb_get_parent_replies_ids( $topic_id, bbp_get_reply_post_type() ); if ( ! empty( $parent_replies_ids ) ) { // Reverse replies array and search for current reply position. $reply_position = array_search( (string) $top_level_reply_id, $parent_replies_ids ); // Bump the position to compensate for the lead topic post. $reply_position ++; } return $reply_position; } 5. Click “Update File” to save the changes. Note: Any modifications are considered as custom work already. Know more about our Support Policy here: https://www.buddyboss.com/support-policy/

BuddyBoss App Tab Bar Visibility

Why Use Tab Bar Visibility in Your BuddyBoss App? The Tab Bar Visibility feature in the BuddyBoss App allows for tailored user navigation by selectively displaying the tab bar on certain screens. It enhances focus and improves overall user experience by streamlining access to key app sections. Configure Tab Bar Visibility Navigate to BuddyBoss App - Menus. Under Tab Bar you will see the Tab Bar Visibility option. As you can see the Show on All Screens is selected. Don’t forget to press the Save Settings button. When it is enabled you will see the Tab Bar in every screen of your App. Let’s check out your BuddyBoss App and see the Activity screen. We are clicking on a member’s name.  Now we are navigating to the activities of this member.  And there is another option called- Show on Tab Bar Menu. With this option your tab bar will not be shown in any other screen of your app.  We are navigating to the same page after enabling Show on Tab Bar Menu. And check the tab bar is not there.  Hope this Tab Bar Visibility in the BuddyBoss App enhances your user’s usability and navigation. Enjoy a streamlined and focused user experience from today. Related Material: 

Connect Google Play Developer Account

Connecting Your Google Play Developer Account In this tutorial, you will learn how to connect your Google Developer Account to your BuddyBoss App. Once you’ve connected your Google account, you’ll be able to sync your in-app products with your products in your Google Play Developer Account and be able to submit the Android version of your app to be published through our publishing service. Step 1- Set Up Your Google Console and Google Play Store Navigate to Google Console. After you login click on the project in the header section. Here, you can navigate to your projects or create a new one just by clicking on NEW PROJECT.  Once created, from the sidebar, navigate to API & Services > Enable API & Services. Click on Library. Here, search Google Play Android Developer API and click on the result below.  Click the ENABLE button. After enabling the API, it will redirect you to the API screen, from there, click Credentials. Scroll down a little you should see the section for Service Accounts. Enter a Service Account name. It can be anything, such as the name of your app or business. Then press CREATE AND CONTINUE button. Select a role from Basic then Owner.  Now Press CONTINUE.  Finally hit the DONE button.  In the next page, click at the ellipsis and from the drop down menu hit the Manage keys.   Here, click on the ADD KEY then the Create new key.  Select JSON and hit the CREATE button.   After that a notification will appear and the Service Account Key will be saved to your computer, ready to upload in the BuddyBoss App’s settings. Please be aware that you can download this file only once. Kindly ensure to secure it in case you require it in the future. Moreover, you can copy it after closing the notice.  Go to the Service Accounts and copy the automated Email. Now, navigate to Google Play Store and click on the Go to Play Console Button.  From the left side bar click on Users and permissions.  Press on Invite new users. In the Email address field paste the copied email. To give App Permissions, click Add app and select any of your apps.  If you want you can give full permissions through Account permissions. Or you can tick only the Financial Data and any other data. Then click the Invite user.  Now a popup will appear where you have to confirm it by clicking the Send invite button.  Now if you search with your service account name you will see the status is Active now.  In the User details section you will see an option Remove user.  After pressing it a popup will appear and you have to click Remove or you can Cancel it. Step 2- Set Up Your BuddyBoss App Let’s navigate to BuddyBoss App - Configure - Android Settings. Now click the Upload File button. Upload the JSON file you created from your Google Cloud account and saved it in your computer.  Now hit the Connect Account button. You will see the green Connected indication. That means, you have connected your BuddyBoss App with your Google Developer Account.  Now move to your Google Play Console - Home. Under your App name you will see the Application ID, copy that. Go to your BuddyBoss App WordPress backend and paste the Application ID. Scroll down below and tick the box here, it indicates that you have registered this Application ID in Google Developer Account.  So, that’s the way you can set up API Access with your BuddyBoss App. 

Forum Login Widget

Why Use Forum Login Widget? Unlock an exclusive entrance for your Forum enthusiasts with our Forum Login Widget! Craft a seamless login journey, effortlessly guiding users to registration or password recovery. Elevate your Forum experience today. Configure Forum Login Widget Navigate to Appearance - Widgets. Then click on any place where you want to add the Forums Login Widget. In the search bar find the Widget and drag it to the plus (+) icon.  Write down the Title and don’t forget to hit the Update button. Let’s refresh your frontend. As we have placed the widget on the Activity page then check that page. This is the form which will appear to the users.  Let’s now add the Register URL and Lost Password URL. Please don’t forget to press the Update button otherwise you will lose all your edits. And refresh the frontend again. Register and Lost Password will display like this hyperlinked way.  Enhance your Forum's accessibility and user experience with the Forum Login Widget. This tool is designed to streamline the login process and provide direct links for registration and password recovery. Boost your community engagement effortlessly.

Share App Link

Why Use Share App Link Feature in Your BuddyBoss App? Did you know, users referred by friends are 4x more likely to take action than other channels? Well, say hello to the latest feature, App Share Link. It’s your secret weapon for making app discovery and installation a breeze through the power of recommendations. Configure Share App Link  Navigate to Buddyboss App - Settings - Feedback and scroll down to find the Share App Link.  Tick the App Sharing box to enable the app sharing button.  Since a user will be sharing your app through many channels, we want to be in-control of the messaging. So let’s start by adding a Preview Title. Write the Preview Title and Preview Description. After that Upload the Preview Image.  In order to enable this on iOS, we need to check the box to Enable on iOS, and the same for Android. Of course, if you haven’t published your app on both stores, you can come back later and add them. We should also provide a fallback link in case someone opens the link on an alternative device, such as a PC.  And finally, if we go back to the top you can also see an App Sharing Link. You can apply this URL to buttons, Quick Links on app pages or in your menus. How to Share Your App Link Now, go to your mobile app and navigate to More - Settings. Scroll down and you will find out the Share this App option, tap on it. A new modal will appear showing different actions to share your app. For example, you could share this link directly to contacts or another app such as Facebook or LinkedIn. The Share App Link feature in your BuddyBoss App turns word-of-mouth into a powerful user acquisition tool. It simplifies sharing your app, boosting visibility and engagement through trusted recommendations. Let’s boost your membership business to the next level.

Profile Avatar Display Name

Why Use the Profile Avatar Display Name Feature? Say goodbye to blank profiles! Gone are the days of generic or missing avatars. With initial avatars, every member and group automatically has a recognizable profile image, fostering a more varied and vibrant community site. Configure Profile Avatar Display Name Navigate to BuddyBoss > Settings > Profiles. Here you can see the Display Name Format is First Name.  Scroll down to the Profile Images section. And you will see this new Display Name option under the Default Profile Avatar. If you scroll down more you will see the preview and how this will look on your web and app users. Before leaving don’t forget to click the Save Settings button from the bottom of this page.  Let’s go to the Members page. You will clearly notice the new Display Name in the avatar of users profile who haven’t uploaded any picture yet. As for this site, I have selected First name so it will show single initials on the default profile avatar.  Configure Group Avatar Display Name Go to the Groups section from the backend. Under the Group Settings, scroll down to the Group Images section. Then select Group Name for the Default Group Avatar. You can also preview the cover image here for web and app users. Now, hit the Save Settings button.  Let’s switch to the frontend to demonstrate how this feature will appear on your website. Using initials as a profile avatar can strike a balance between providing a visual representation of a user while respecting privacy and maintaining a professional and organized appearance.