Email Contact Button Free Joomla Module
This module adds a floating Email button to your site. Clicking the button opens the visitor's default email client via a mailto: link, with optional prefilled Subject, Body, and CC/BCC.
Key Features
Floating button
Place in any of the 4 corners; brand color #11a37e (customizable).
Email action
Opens mailto: with Subject / Body / CC / BCC; all params URL-encoded (new lines use CRLF = %0D%0A).
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.
How to Configuration
- โEmail Address: Recipient address for mailto: (required).
- โSubject: Optional email subject (URL-encoded).
- โBody: Optional email body. Use line breaks; the module encodes them as %0D%0A (CRLF) for best compatibility.
- โCC / BCC: Optional comma-separated addresses.
- โButton Label & Show Label: Text next to the icon and toggle to show/hide.
- โOpen in New Tab: Try opening in a new tab (behavior depends on the browser).
- โ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 / Shadow: Visual enhancements for the button.
- โBrand & Custom Color: Use #11a37e or override with your color.
- โAccessible Label: ARIA label for screen readers.
- โUse Font Awesome icon: Enable if your template already loads FA; otherwise the module uses a built-in SVG.
Screenshots:
Frequently Asked Questions
Can I add attachments?
No, the mailto: scheme does not support attachments. Use a form or an upload flow instead.
Does โOpen in new tabโ always work?
It depends on the browser and OS. The module tries its best, but the default mail client may open externally.
Can I hide the text and show icon only?
Yes โ disable โShow Labelโ in the module settings; only the icon (FA or built-in SVG) will be shown.