Boost Leads with Messenger CTA – Facebook Contact Button - Free Joomla Module

Boost Leads with Messenger CTA – Facebook Contact Button - Free Joomla Module

Improve customer support and engagement by adding a clean, modern Messenger contact shortcut to your website. Facebook Messenger Contact Button is a lightweight free Joomla module that displays a floating button in any corner of your site, allowing visitors to open your Messenger conversation instantly via m.me/page-username-or-id. On mobile devices, the module can also attempt a Messenger deep link for an even smoother experience.

This module is built for performance and easy customization: choose where the button appears, control spacing (Offset X/Y), set z-index to avoid overlap with other widgets, pick small/medium/large sizes, and enable helpful UI details like a tooltip and an accessible ARIA label. Assets are loaded via the Joomla 6 Web Asset Manager, keeping things clean and structured.

If you’re looking for a simple, no-fuss Messenger entry point (without embedding a full chat widget), this free Joomla module is a great fit for business pages, support teams, and service websites.

Key Features

• Floating Messenger button in any of 4 corners (Top/Bottom + Left/Right)
• Opens Messenger via m.me and can prefer a mobile deep link (fb-messenger://user-thread/id)
• Device visibility control: desktop only, mobile only, or both
• Size & style options: Small / Medium / Large, pill-rounded shape, soft shadow
• Positioning controls: Offset X/Y + z-index to prevent overlap
• Accessibility: tooltip + customizable ARIA label
• Clean asset loading: uses Joomla 5 Web Asset Manager

Configuration Options (as listed in the module)

• Messenger Page Username (recommended for m.me)
• Page Numeric ID (optional, used for deep link on mobile)
• Button Label + Show/Hide label
• Open Behavior: Auto / Always m.me / Prefer deep link
• Open m.me in new tab
• Position, Offset X/Y, Size, Tooltip, z-index
• Show On (desktop/mobile), Rounded, Shadow
• Brand color (#11a37e) or Custom color
• Accessible Label (ARIA)

Installation & Setup

• Install the module package via Extensions → Manage → Install.
• Go to Content/Extensions → Modules, open the module, and publish it.
• Enter your Messenger Page Username (and optional Numeric ID if you want deep link attempts).
• Choose position, size, offsets, and visibility (desktop/mobile).
• Save, clear cache if needed, and test on desktop + mobile.