The chat bubble is a floating button you can place on any page — your own site or an external site — that opens the chat in a small pop-up. Open the screen from Chat Bubble in the sidebar.
Turning the bubble on
- Set Enable Chat Bubble to Yes.
- The appearance options appear below.
- Click Update to save.
Bubble settings
| Setting | What it does |
|---|---|
| Chat Bubble Room | The chat room the bubble opens. |
| Position | Bottom Right or Bottom Left of the screen. |
| Colour | The bubble's colour. |
| Width / Height | The size of the chat pop-up, in pixels. |
| Icon | The icon shown on the bubble (a Font Awesome class name). |
| Label | Optional text shown next to the icon. |
| Header | What the pop-up's title shows — the Site Name, the Room Title, or a Custom text. |
| Header Text | Your custom title text. (Only shown when Header is set to Custom.) |
| Show on Mobile | Whether the bubble appears on phones. |
| Guest Behaviour | What guests see — Hide the bubble, send them to Login, show a login Form inside the pop-up, or show it Disabled. |
Adding the bubble to a page
There are two ways to display the bubble.
Method 1: Script tag
- On the Chat Bubble screen, find the Script Tag box.
- Click Copy.
- Paste the
<script>tag into the HTML of any page where you want the bubble to appear — including pages on a different website.
Method 2: Joomla module
- On the Chat Bubble screen, find the Joomla Module box.
- Click Create Module. Joomla's module editor opens.
- Choose the module's position and the pages it should appear on, then publish it.
The Joomla Module box also lists any module instances you have already created, with a link to edit each one.
Use the Joomla Module method for pages on your own Joomla site — it integrates cleanly with Joomla's positions and menu assignments. Use the Script Tag method when you need the bubble on a page or site that Joomla does not control.
Per-module overrides
Each Joomla module instance can use its own room and settings instead of the global ones, so you can show different bubbles on different parts of your site. Set these overrides in the module's own settings when you create or edit it.