How to Display Custom Profile and Group Tabs in the BuddyBoss App

Introduction

Third-party plugins and custom code often add valuable tabbed content like listings, favorites, reviews, and job dashboards into BuddyBoss Platform member profiles and social groups. By enabling the new Custom Tabs compatibility feature in the BuddyBoss App plugin, you can surface those same tabs in your mobile app using seamless web fallbacks. This tutorial shows you how to activate compatibility, generate a fresh app build, and verify custom tabs in the app.

Tutorial VIdeo

Configuring Custom Tabs Compatibility

Update Plugins and Generate a New Build

1. In your WordPress Dashboard, ensure both BuddyBoss Platform and BuddyBoss App plugins are updated to the latest versions.
   
2. Go to BuddyBoss App > Build, request a new Release build, and wait for completion.
   

Enable Custom Profile Tabs

1. Navigate to BuddyBoss App > Settings > Compatibility.
   
2. Check Enable Custom Profile Tabs in BuddyBoss App.
   
3. Click Save Changes.
   Enable Custom Group Tabs
   
4. Still under Compatibility, check Enable Custom Group Tabs in BuddyBoss App.
   
5. Click Save Changes.
    

Preparing Third-Party Tab Plugins

Install and Configure Your Tab Plugins

• For profile tabs: e.g., BuddyPress User Profile Tabs Creator Pro, GeoDirectory, WP Job Manager (manually add your Jobs Dashboard page as a profile tab).
  
• For group tabs: e.g., BuddyPress Groups Tabs Creator Pro, create or assign pages to group tabs.
  Tip: Verify tabs appear correctly on your desktop site before testing in the app.
  

Verifying Custom Tabs in the App

Hard-Quit and Relaunch the App
Force-close the BuddyBoss App on your device to clear any cached settings.

View Custom Profile Tabs

1. Go to your Profile screen.
   

1. Confirm tabs like Listings, Favorites, Reviews, Jobs appear alongside core tabs.
   
2. Tap a tab to load its content—note the app strips the desktop header and footer for a clean web fallback.
   

View Custom Group Tabs

1. Open a Social Group in the app.
   
2. Scroll down to find your custom tab (e.g., How To).
   
3. Tap to view the group-specific page within the app’s tab interface.
   

Troubleshooting and FAQs

Q: My custom tabs aren’t visible in the app.
A: Ensure Custom Profile Tabs or Custom Group Tabs is enabled under BuddyBoss App > Settings > Compatibility, then regenerate your app build.

Q: Tab content looks misaligned.
A: The app uses a web fallback, add responsive CSS in your theme or plugin to fix mobile layouts.

Q: How can I remove a custom tab?
A: Disable or delete the tab in your third-party plugin settings on the website, then regenerate your app build.