Skip to main content

Floating Chat Windows for WordPress: Mini Chats That Follow Members Across Pages

· 6 min read
Andrij Tkachenko
Creator of Better Messages

A messenger that lives only on its own page asks members to leave whatever they were reading to check messages. A floating chat window — the Facebook-style popup that follows the user across every page of the site, with multiple conversations open at once at the bottom of the screen — keeps the conversation present without breaking the reading flow. Better Messages has shipped floating mini-chat windows since the early days, with one-tap open from BuddyPress / BuddyBoss profiles and per-conversation popups that stick across page navigations.

What floating chat looks like​

A small chat popup pinned to the bottom corner of the screen. Tap a member's name on a profile or in a members list, the popup opens with their conversation. Continue browsing the site — the popup follows. Multiple popups stack horizontally at the bottom, one per active conversation, the way Facebook Messenger worked on desktop for years.

Three notable behaviors:

  • Persists across page navigation — open a chat with Andrij, navigate from his profile to a blog post; the chat popup stays open. No re-opening.
  • Multiple simultaneous chats — message Andrij, then Lena, then Pawel; three popups at the bottom of the screen.
  • Minimize / maximize / close per popup — fold a chat down to a header bar while keeping it accessible, or close it entirely.

When floating chat is the right pattern​

Use caseWhy floating chat fits
Community site where members read activity feedsReading a long thread while chatting at the same time
Marketplace where buyers DM vendors mid-shoppingBuyer browses listings, chats with vendor, never leaves the listing page
LMS where students message classmates while watching course videosStudent watches lesson, chats with study buddy, video keeps playing
Membership site with parallel discussionsMembers read paywalled posts and discuss in the popup at the same time
Dating / matchmaking with parallel profile browsingMember browses other profiles while chatting with several matches

How members open a floating chat​

Three entry points, depending on the community plugin you run:

From a profile​

Click Private Message on a BuddyPress / BuddyBoss / Ultimate Member / PeepSo profile. The default behavior used to route to the messages page; with the Mini Chats option enabled, the chat opens as a floating popup instead.

For Ultimate Member and PeepSo, the option is Advanced Mini Chats in the integration settings (WebSocket version).

From the members directory​

Same idea — click the message icon on a row in the BuddyBoss / Ultimate Member / PeepSo members directory; the popup opens for that member.

From the messenger page itself​

Open the main messenger page, navigate to another part of the site, and the conversation continues as a floating popup. This is how members "take the conversation with them" while exploring the site.

Modern evolution — Floating Bubble + Mini Widgets​

The original mini-chat-popup pattern has stayed in Better Messages since early versions. Over time, two newer styles joined it:

  • Floating Bubble — a single circular chat-bubble button (like a customer-support widget) that expands into a chat panel. Right for sites that want a single concentrated chat entry point rather than per-conversation popups.
  • Mini Widgets bar — a bottom-of-screen tab bar with tabs for Conversations, Friends, Groups, Courses, Chat Rooms. Right for sites that want a Slack-style navigation strip across the bottom.

Pick one display style per site in WP Admin → Better Messages → Settings → Mini Widgets. See WordPress chat widget: Floating Bubble and Mini Widgets for the modern reference.

Free vs WebSocket version​

Floating chat works on both versions. Differences:

FeatureFree versionWebSocket version
Mini chat popups from messenger pageyesyes
Mini chat popups from BuddyPress / BuddyBoss profilesyesyes
Multiple simultaneous chat popupsyesyes
Persistence across page navigationyesyes
Advanced Mini Chats (popup from profile / members directory)—yes
Real-time delivery in popupspollinginstant
Floating Bubble display styleyesyes
Voice / video call buttons inside the popup—yes

How to enable​

  1. WP Admin → Better Messages → Settings → Mini Widgets.
  2. Pick a display style: Floating Bubble or Bottom Tab Bar.
  3. Enable the tabs you want (Conversations, Friends, Groups, etc.).
  4. (For community integrations) Settings → Integrations → [Your Community Plugin] → Advanced Mini Chats to enable popup-from-profile behavior on the WebSocket version.

Frequently asked questions​

Will the floating chat hide behind other site elements?​

The popup is positioned with high z-index. If your theme has a sticky header or floating cart that overlaps, the popup position is configurable (left / right corner, bottom offset).

Will it work on mobile?​

On mobile, the floating-popup style switches to a full-screen mode on tap — the popup expands to fill the screen on mobile, then collapses back to a small header bar when minimized. The Floating Bubble style remains a corner bubble on mobile.

What about page builders (Elementor, Bricks, Oxygen)?​

Mini chats are injected globally and do not care about the page builder — they render on every page regardless of how the content above was built.

Can I disable floating chat on specific pages?​

Yes — use the better_messages_mini_widgets_excluded_pages filter, or list page URLs in the admin's exclusion field. Common pattern: disable on checkout / cart pages so the popup does not compete with conversion UI.

Will mini chats slow down my site?​

No — the messenger code lazy-loads on demand. The mini-widgets bar adds a small footprint (a single React mount); the popups open only when a member clicks to start a chat.

Can guests use floating chat?​

Yes if Guest Chat is enabled. Guests get the same floating popup experience as logged-in members.

See also​

Install Better Messages from WordPress.org →