Facebook Messenger Contact Button Free Joomla Module

This module adds a floating Facebook Messenger contact button to any corner of your site. It can open the m.me chat link or attempt a deep link into the Messenger app on mobile devices.

Key Features

📌

Floating button

Place in any of the 4 corners; brand color #11a37e.

💬

Messenger action

Opens https://m.me/<username-or-id> or attempts fb-messenger://user-thread/<id> deep link.

💻

Device visibility

Show on Desktop, Mobile, or both.

📏

Sizes & style

Small / Medium / Large; rounded pill with soft shadow.

🎛️

Positioning & a11y

Offset X/Y, z-index, tooltip, customizable ARIA label.

⚙️

Clean assets

Loads CSS/JS via Joomla 5 Web Asset Manager.

Configurations

✓Messenger Page Username: Recommended for m.me/<username>.
✓Page Numeric ID (optional): Used for the deep link fb-messenger://user-thread/<id> on mobile.
✓Button Label: Text next to the Messenger icon.
✓Show Label: Show/hide the label (switch).
✓Open Behavior: Auto / Always m.me / Prefer deep link.
✓Open m.me in New Tab: Open the m.me link in a new tab.
✓Position: Bottom Right / Bottom Left / Top Right / Top Left.
✓Offset X / Offset Y: Spacing from the edges in pixels.
✓Size: Small / Medium / Large.
✓Tooltip: Short help text.
✓z-index: Stacking order (default 9999).
✓Show On: Desktop & Mobile / Desktop only / Mobile only.
✓Rounded: Pill-rounded shape.
✓Shadow: Drop shadow on the button.
✓Use Brand Color: Use #11a37e.
✓Custom Color: Override brand color.
✓Accessible Label: ARIA label for screen readers.

Frequently Asked Questions

Do I need both Page Username and Numeric ID?

Use the Page Username for m.me. The Numeric ID is optional and only used for deep link attempts.

Will this work with Facebook Business Suite inbox?

The module opens Messenger chat via m.me or deep link; inbox routing is handled by Facebook.

How do I prevent overlap with other floating widgets?

Increase Offset Y or adjust z-index to avoid stacked overlaps.