How to Customize the Members’ Directory Layout in BuddyBoss Platform

Introduction

A well-organized Members’ Directory enhances user engagement by making it easier for members to connect and interact. This guide explains how you can customize the members’ directory layout.

The BuddyBoss Platform offers flexible customization options, allowing you to:

✔ Choose between Grid and List views for better profile presentation.
✔ Display key member details such as Online Status, Followers, Last Active, and Joined Date.
✔ Customize profile action buttons (Follow, Connect, Send Message) to encourage interaction.
✔ Set a primary action button for quick and intuitive engagement.

By tailoring the Members’ Directory layout to your community’s needs, you can create a seamless, interactive, and user-friendly experience that fosters engagement and connection. 

This guide walks you through the process of configuring and optimizing your directory layout in BuddyBoss.

Tutorial Video

How to Configure Member Directories

Access Member Directory Settings

1. Log in to your WordPress Dashboard.
2. Navigate to BuddyBoss > Settings > Profiles.

Choose a Member Directory View

Under the Enabled View section, you can select how member directories are displayed:

• Grid View – Displays members in a grid format with profile images.
• List View – Displays members in a structured list format.
• Toggle Between Both Views – Allows users to switch between Grid and List views.

To apply a directory view:

1. Select either Grid View, List View, or both.

2. Click Save Settings.

Verify the Changes

1. Visit the Members page on the frontend.
2. If both Grid and List views are enabled, users can switch between them.

How to Display Additional Member Information

1. In BuddyBoss Settings > Profiles, scroll to the Elements section.
2. Check the boxes for the details you want to display:
   • Online Status
   • Profile Type
   • Followers
   • Last Active
   • Joined Date

3. Click Save Settings.

How to Configure Profile Action Buttons

Enable Profile Actions

1. In BuddyBoss Settings > Profiles, scroll to the Profile Actions section.

2. Check the actions you want to display:
   • Follow
   • Connect
   • Send Message

3. Click Save Settings.

Note: all enabled actions will appear as secondary buttons.

How to Set a Primary Action Button

The Primary Action setting allows you to choose which profile action appears as the main button, while the rest remain as secondary options.

Set a Primary Action

1. In BuddyBoss Settings > Profiles, locate the Primary Action section.
2. Select the action you want as the primary button (e.g., Connect).

3. Click Save Settings.

The primary action button will now appear prominently, with the other actions displayed underneath as secondary buttons.

Troubleshooting and FAQs

Q: I enabled additional member details, but they’re not showing.
A: Ensure the elements were saved under BuddyBoss > Settings > Profiles > Elements. Also, clear your site cache and refresh the page.

Q: Users can’t see the List or Grid view toggle.
A: Double-check that both views are enabled under Enabled View in BuddyBoss > Settings > Profiles.