WhatsApp Widget
Visión General
El WhatsApp Widget es un botón flotante inteligente que facilita la comunicación directa con tus visitantes. Se adapta automáticamente según la página que estén visitando, mostrando mensajes contextuales y números de contacto relevantes.
Características principales
- • Mensajes contextuales según la URL
- • Múltiples números de contacto
- • Horarios de atención configurables
- • Diseño responsivo y moderno
- • Analytics integrado
Instalación
Script de Plurivium
<script src="https://plurivium.com/widgets/loader.js"></script>
Tag HTML
pv-whatsapp-widget
Configuración básica
<pv-whatsapp-widget></pv-whatsapp-widget>
Importante: El mensaje de WhatsApp se genera automáticamente desde el journey del usuario (páginas visitadas, eventos tracked, etc.). NO se configura manualmente.
Propiedades del widget
Propiedades opcionales
| Propiedad | Valores | Default | Descripción |
|---|---|---|---|
| position | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | bottom-right | Posición del botón flotante |
| size | 'small' | 'medium' | 'large' | large | Tamaño del botón |
| base-url | string | - | URL base de la API (opcional) |
Funcionamiento: Al hacer clic, el widget envía el historial de navegación del usuario (journey log) al backend. El servidor genera automáticamente un mensaje contextual con la información relevante y retorna la URL de WhatsApp completa.
Sistema de tracking
El widget utiliza el sistema de tracking de Plurivium para recopilar automáticamente el journey del usuario:
Información capturada
- • Páginas visitadas
- • Eventos trackeados (clicks, formularios, navegación)
- • Tiempo de permanencia
- • Programas/eventos/contenido visualizado
- • Historial completo de navegación
Generación del mensaje
Cuando el usuario hace clic en el widget:
- Se envía el journey log al backend
- El servidor analiza la actividad del usuario
- Se genera un mensaje contextual personalizado
- Se retorna la URL completa de WhatsApp con el mensaje
- El usuario es redirigido a WhatsApp con el mensaje prellenado
Ejemplos de uso
Configuración por defecto
<pv-whatsapp-widget></pv-whatsapp-widget>Botón grande en la esquina inferior derecha
Posición personalizada
<pv-whatsapp-widget
position="bottom-left">
</pv-whatsapp-widget>Botón en la esquina inferior izquierda
Tamaño personalizado
<pv-whatsapp-widget
size="small"
position="top-right">
</pv-whatsapp-widget>Botón pequeño en la esquina superior derecha
Con URL base personalizada
<pv-whatsapp-widget
base-url="https://api.example.com">
</pv-whatsapp-widget>Útil para entornos de desarrollo o staging
¿Necesitas ayuda?
Si tienes preguntas sobre la implementación del WhatsApp Widget o necesitas asistencia técnica, no dudes en contactarnos.
Contactar soporte