Phone Contact Button Free Joomla Module

The module shows a floating phone contact button on your site. On click it triggers the device dialer (tel:) or opens the messaging app with a prefilled text (sms:).

Key Features

📱

Actions

Call via tel: and send SMS via sms: with optional ?body= prefilled text (URL-encoded).

📌

Placement

4 corners with X/Y offsets and z-index control.

📏

Sizes & style

SM / MD / LG; rounded pill with soft shadow.

💻

Device visibility

Show on Desktop, Mobile, or both.

🎨

Color theme

Brand color #11a37e or custom color override.

🖼️

Icons

Font Awesome (optional) with built-in SVG fallback.

Configurations

  • ✓Action: Call (tel:) or Send SMS (sms:).
  • ✓Phone Number: Recommended E.164 format, e.g., +84901234567.
  • ✓Prefilled SMS Text: Optional text appended as ?body= for the sms: action.
  • ✓Label & Tooltip: Button text and hover help.
  • ✓Open in New Tab: For web fallbacks; most mobile devices open the handler directly.
  • ✓Position: Corner selection and X/Y offsets.
  • ✓Size: Small / Medium / Large.
  • ✓Rounded & Shadow: Visual style toggles.
  • ✓Colors: Brand color #11a37e or your custom color.
  • ✓Accessible Label: ARIA label for screen readers.
  • ✓Font Awesome Icon: Optional FA icon (e.g., fa-solid fa-phone); otherwise SVG is used.

Frequently Asked Questions

Can I display only the icon?
Yes. Hide the label in the module settings or via CSS.
Can I add multiple phone numbers?
Not in 1.0.0. You can clone the module or wait for a future repeater-based version.
Does this work with WhatsApp?
Use the dedicated WhatsApp Contact Button module for wa.me links.