Viber Contact Button Free Joomla Module

This module adds a floating Viber contact button to any corner of your site. It can open a chat with a phone number, share text, or open a Public/Bot account via deep links.

Key Features

📌

Floating button

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

🧩

Actions

Phone Chat, Share text, Bot Chat, Bot Info, Bot QR.

📱

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

  • ✓Action: Choose one: Phone Chat, Share text, Bot Chat, Bot Info, or Bot QR.
  • ✓Phone (E.164): For Phone Chat, enter international format with +, e.g., +84901234567. The module removes the plus internally.
  • ✓Share Text: Used for the Share action.
  • ✓Bot URI: Public/Bot account URI (e.g., examplebot).
  • ✓Bot Context / Prefilled Text: Optional parameters passed to the bot.
  • ✓Button Label: Text next to the Viber icon.
  • ✓Show Label: Show/hide the label (switch).
  • ✓Open fallback page in New Tab: Open Viber download page in a new tab when the deep link fails.
  • ✓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

How should I format the phone number?
Use E.164 with a leading + (e.g., +84901234567). The module removes the plus automatically for the Viber scheme.
Can I pass extra data to my bot?
Yes. Use Bot Context and Prefilled Text.
Is there an HTTPS fallback like other platforms?
Viber focuses on app deep links; when blocked or unavailable, we send users to the official download page.