In the members directory template it is quite hard to know which member is online. This is in both the BuddyPress and BuddyBuilder member directory template. Even so BuddyPress does have a significant way to show this through a “Who’s Online” elementor module. It lists all online members in a horizontal stack format that does not occupy much space. By using this module on your site, it is also an efficient way to improve engagement of online members. Indirectly, it can also be considered as a way of searching or sorting members. In this tutorial we show you can include this widget into your BuddyBuilder member’s directory template using Elementor plugin. Simply follow the steps below to get started.
Step 1: Accessing BuddyBuilder Member Directory
This step involves accessing the BuddyBuilder Members Directory template. You can add the search filter in the default template or in any custom BuddyBuilder template. First you would need to access it via Elementor. To do so simply follow these steps:
- Go to your WP Admin > BuddyBuilder on the left panel.
- In the BuddyBuilder page, select your Member Directory Page Template.
- Next, click on “Edit Current”. This takes you to the frontend of elementor to edit the template you just selected.
Step 2: Editing BuddyBuilder Member Directory on Elementor
After that, you will then be redirected to Elementor’s frontend where you would need to edit the default member directory page.
From your BuddyBuilder Members page template, you should find the three BuddyBuilder Elements on the live preview which are: Members Navigation, Members Filters and Members Listing.
Throughout this tutorial we will not focus on the styling and layout, rather, we will focus on showing you how to add the online members module. You can always use elementor to style the filter as you like.
Just to create some extra space you can opt to remove the filter element. We do not have to delete any of these for they all have their own purpose. Thus you are left with Navigation and Listing.
Next you need to simply search the BuddyPress “Who’s Online” element on the main elements panel on the left. Alternatively you can type in type “buddy” in the search box and the element should show. (ensure you have activated buddypress)
Upon finding it, drag and drop it in between the BuddyBuilder’s Navigation and Listing modules.
When it comes to editing the module it does not have a lot of options to set. The only crucial thing you need to set is the number of online profiles to display in the members page. By default it is set to 15. You can always change this depending on your layout.