WeChat Contact Button FREE Joomla Module

This module creates a floating WeChat button in any corner of the page. On click it can open a QR popover, copy your WeChat ID, or attempt to open the WeChat app (deep link).

Key Features:

📌

Floating button

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

🔳📋

QR popover

Shows QR with a “Copy ID” button.

💻📱

Device visibility

Desktop, Mobile, or both.

📏

Sizes

Small / Medium / Large.

🎛️

Styling & a11y

Rounded pill, shadow, z-index, tooltip, ARIA label.

⚙️

Clean assets

Uses Joomla 5 Web Asset Manager.

📜

GPL Licensed

GPL v2 or later.

Configurations

  • ✓WeChat ID: Shown in popover and used for Copy ID.
  • ✓QR Code Image: PNG/JPG image to scan.
  • ✓Button Label: Text next to the icon.
  • ✓Show Label: Toggle label visibility (switch).
  • ✓Position: Bottom Right / Bottom Left / Top Right / Top Left.
  • ✓Offset X / Offset Y: Distance from the edges (px).
  • ✓Size: Small / Medium / Large.
  • ✓Click Action: QR popover (recommended) / Copy WeChat ID / Try open WeChat app.
  • ✓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 for the button.
  • ✓Use Brand Color: Use #11a37e.
  • ✓Custom Color: Override brand color.
  • ✓Accessible Label: ARIA label for screen readers.