LINE Contact Button Free Joomla Module

This module adds a floating LINE contact button to any corner of your site. It can open Add Friend (profile), Share text, or Chat with an Official Account.

Key Features

📌

Floating button

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

➕

Actions

Add Friend (profile), Share text, or Chat with an Official Account (optional prefilled message).

💻📱

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

  • ✓LINE ID: Official Account ID (with or without @). Example: @linedevelopers or linedevelopers.
  • ✓Action Type: Chat / Add Friend / Share.
  • ✓Default Message: Optional prefilled text for Chat or Share.
  • ✓Button Label: Text next to the LINE icon.
  • ✓Show Label: Show/hide the label (switch).
  • ✓Open line.me in New Tab: Open external links 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

Can I enter LINE ID without the @?
Yes. The module automatically ensures the correct format and percent-encoding.
Why not use line:// scheme?
HTTPS links via line.me are more broadly compatible; custom URL schemes can be blocked in some browsers.
Where do I get my Official Account ID?
From the LINE Official Account Manager → Settings → Account Settings.