WhatsApp Contact Button FREE Joomla Module
This module adds a floating WhatsApp contact button to any corner of your site. It can open the wa.me link or attempt a deep link into the WhatsApp app on mobile devices.
Features list
Floating Button (4 corners)
Place the button in any corner (TL/TR/BL/BR). Brand color #11a37e.
WhatsApp Deep Link
Opens https://wa.me/<phone>?text=... with fallback to whatsapp://send?phone=<phone>&text=...
Device Visibility
Show/Hide on Desktop or Mobile independently.
Sizes & Style
Small / Medium / Large with rounded pill and soft shadow.
Position Controls
Custom X/Y offsets, z-index, tooltip, and editable ARIA label.
Clean Assets
Loads minimal CSS/JS via Joomla 5 Web Asset Manager.
Screenshots:
How to Configuration
Phone Number (international)
Required. Digits only; no + or spaces. Example: 84901234567.
Default Message
Optional prefilled text for the chat box.
Button Label
Text next to the WhatsApp icon.
Show Label
Toggle to show/hide the label.
Open Behavior
Auto / Always wa.me / Prefer deep link.
Open wa.me in New Tab
Open wa.me in a new tab.
Position
Bottom Right / Bottom Left / Top Right / Top Left.
Offset X / Offset Y
Pixel spacing from screen edges.
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.
