System - WhatsApp Button
Introduction
Lightweight, professional and fully configurable floating WhatsApp button plugin for Joomla 4, 5 and 6.
System — WhatsApp Button
plg_system_btnwhatsapp is a System type Joomla plugin that automatically injects a floating WhatsApp button into the frontend of any Joomla website. It enables direct and instant communication between visitors and the site owner — without modifying the template structure or adding any manual code.
Built with a clean, modular and modern architecture. Fully compatible with Joomla 4, 5 and 6. Requires PHP 8.3+. Zero external dependencies.
✨ Key Features
- Mobile-specific appearance — independent position, button type, shape and size overrides for mobile devices
- Full visual customization — colors, hover states, border, shadow, z-index
- Display control — show/hide per page (menu item) and per device (desktop / mobile / all)
- Business hours — per-day schedule with timezone selector and offline message when closed
- Entrance animations — Slide, Bounce, Fade or None, with configurable delay
- Tooltip — automatic call bubble with configurable delay, colors and hover/focus behavior
- Custom icon — CSS class (Font Awesome, Bootstrap Icons…), custom SVG, media image, or default WhatsApp SVG
- Dynamic message variables —
{url},{title},{sitename}auto-replaced in the pre-filled message - RTL ready — uses CSS logical properties (
inset-inline-*) - Accessible —
ariaattributes,focus-visibleoutline,prefers-reduced-motionsupport - Joomla Update System — built-in update server for one-click updates from the backend
- Zero external dependencies — no jQuery, no CDN, no tracking
⚙️ Configuration Tabs
| Tab | What you configure |
|---|---|
| WhatsApp | Phone number, default message, button position |
| Display | Pages (menu items), device filter |
| Layout — Desktop | Button type, icon (CSS class / SVG / image), shape, size |
| Mobile Appearance | Independent overrides for mobile devices |
| Design | Colors, hover states, shadow, offsets, z-index |
| Behaviour | Entrance animation, delay, tooltip |
| Business Hours | Per-day open/close schedule with timezone |
🔧 Technical
- Plugin type: System
- Events:
onBeforeCompileHead(assets) +onAfterRender(HTML injection) - Assets loaded via WebAssetManager
- Architecture: namespace, Service Provider, Dependency Injection (Joomla 4+ standard)
- SVG input sanitization — removes
on*attributes, `` blocks andjavascript:URIs - PHP 8.3+ · Joomla 4.x / 5.x / 6.x
plgsystembtnwhatsapp — Botão Flutuante WhatsApp para Joomla
Plugin leve, profissional e totalmente configurável de botão flutuante WhatsApp para Joomla 4, 5 e 6.
plg_system_btnwhatsapp é um plugin do tipo System para Joomla que injeta automaticamente um botão flutuante de WhatsApp no frontend do site. Permite comunicação direta e instantânea entre visitantes e o proprietário do site — sem modificar o template ou adicionar qualquer código manual.
Arquitetura limpa, modular e moderna. Totalmente compatível com Joomla 4, 5 e 6. Requer PHP 8.3+. Zero dependências externas.
✨ Funcionalidades
- Aparência independente no mobile — posição, tipo de botão, forma e tamanho configuráveis separadamente para dispositivos móveis
- Personalização visual completa — cores, hover, borda, sombra, z-index
- Controle de exibição — por página (item de menu) e por dispositivo (desktop / mobile / todos)
- Horário de atendimento — agenda por dia da semana com seletor de fuso horário e mensagem offline
- Animações de entrada — Slide, Bounce, Fade ou Nenhuma, com delay configurável
- Tooltip — balão de chamada automático com delay, cores e comportamento hover/focus
- Ícone customizável — classe CSS (Font Awesome, Bootstrap Icons…), SVG personalizado, imagem de mídia ou SVG padrão WhatsApp
- Variáveis dinâmicas —
{url},{title},{sitename}substituídas automaticamente na mensagem - Suporte a RTL — propriedades lógicas CSS (
inset-inline-*) - Acessibilidade — atributos
aria,focus-visible, suporte aprefers-reduced-motion - Sistema de atualização Joomla — update server integrado para atualizações com um clique pelo backend
- Zero dependências externas — sem jQuery, sem CDN, sem rastreamento
⚙️ Abas de Configuração
| Aba | O que configura |
|---|---|
| WhatsApp | Telefone, mensagem padrão, posição |
| Exibição | Páginas (itens de menu), filtro de dispositivo |
| Layout — Desktop / Padrão | Tipo de botão, ícone (classe / SVG / imagem), forma, tamanho |
| Aparência no Mobile | Overrides independentes para dispositivos móveis |
| Design | Cores, hover, sombra, distâncias, z-index |
| Comportamento | Animação de entrada, delay, tooltip |
| Horário de Atendimento | Agenda por dia com fuso horário |
? Técnico
- Tipo de plugin: System
- Eventos:
onBeforeCompileHead(assets) +onAfterRender(injeção HTML) - Assets carregados via WebAssetManager
- Arquitetura: namespace, Service Provider, Injeção de Dependência (padrão Joomla 4+)
- Sanitização de SVG — remove atributos
on*, blocos `` e URIsjavascript: - PHP 8.3+ · Joomla 4.x / 5.x / 6.x
System - WhatsApp Button
- Version:
- 3.1.0
- Developer:
- Hirlei Carlos Pereira de Araújo
- Last updated:
-
May 09 2026
1 week ago - Date added:
- Feb 28 2026
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- p
- Compatibility:
- J4 J5 J6
Share