Better Messages for FluentCommunity: Real-Time Spaces and Course Chat
The FluentCommunity integration adds a real-time messenger to your FluentCommunity portal. It plugs straight into the parts of FluentCommunity people already use — Spaces, Courses, member profiles, and the portal header.
You get:
- Paired group chats for every Space with messaging enabled.
- Auto-managed Course group chats and a Message Instructor button on every course page.
- Voice and video call buttons on every profile (WebSocket version).
- Automatic dark-mode mirroring — the messenger follows your portal theme.
Works on both the free and the WebSocket version of Better Messages.
If you already use Fluent Messaging, deactivate it after you install Better Messages. Running both at once causes a double-messenger conflict.
To install the plugin ensure that your website running:
- WordPress 5.9 or newer
- PHP 7.4 or newer
Installation#
How to install FluentCommunity#
Download FluentCommunity from official website and install following standard WordPress installation process
How to install Better Messages with FluentCommunity#
- Install the plugin through the WordPress plugins screen directly or upload the plugin files to the
/wp-content/plugins/bp-better-messagesdirectory. - Activate the plugin through the Plugins screen in WordPress
- Use the Better Messages -> Settings menu to configure the plugin
- Set Show in FluentCommunity in Better Messages location settings.
- If you are using Fluent Messaging - disable it as it makes no sense to use it together with Better Messages
- Go to WP Admin -> Better Messages -> Settings -> Integrations -> FluentCommunity and configure integration
The FluentCommunity tab in Better Messages integration settings only appears when the FluentCommunity plugin is installed and active.
Supported features#
When you install the FluentCommunity plugin with Better Messages:
-
Automatically place messages page button to header menu and mobile bottom menu, with an icon and phone placement of your choice (see Messages button)
-
Automatically adds private message, video and audio call buttons to user profiles
-
All avatars in Better Messages interface are automatically displayed from FluentCommunity user profiles
-
All links to user profiles in Better Messages interface automatically point to FluentCommunity user profiles
-
Automatic switch between dark and light modes based on FluentCommunity settings
-
Automatically integrated to FluentCommunity Spaces with ability to create Spaces List directly in plugin interface
The feature also allows to create Better Messages Group chats automatically based on Space members, with automatic removal and adding users from chat, when they're leaving or joining the Space.
-
Automatically integrated to FluentCommunity Courses — auto-managed Course Group Chats, a "Course Chat" button next to "Continue Course", and a "Message Instructor" button on the course creator card
Messages button#
Better Messages adds a Messages button with the unread count to the portal header and, on phones, to the bottom menu of FluentCommunity. Three settings under WP Admin → Better Messages → Settings → Integrations → FluentCommunity → FluentCommunity Messages Button change it:
- Messages Icon: pick one of the preset icons or paste an SVG, for example one from the icon set the other header buttons use. It is drawn at 20px, the size of the header icons of FluentCommunity, and an SVG that draws with
currentColortakes their color. Without one, the default icon shows. - Position in the Header: Next to the profile picture (the default) puts the button after the notifications bell, At the start of the icon row puts it before the other header icons. It applies on desktop and on phones.
- Messages Button on Phones: on screens up to 1024px wide, FluentCommunity hides the header buttons and shows its bottom menu instead. Choose Bottom menu (the default), Header to show the button in the header row, or Header and bottom menu for both.
Developers can also change the icon with the better_messages_fluent_community_menu_icon filter, which receives the SVG markup.
