Conecta con tus Clientes al Instante
Añade un botón de WhatsApp personalizable a tu web. ¡Simple, rápido y efectivo!
Introduce el widget como una solución sencilla para mejorar la comunicación y el soporte al cliente.
<link rel="stylesheet" href="../styles/main.css"> <script src="../src/whatsapp.js"></script> ¿Por Qué Float WhatsApp Widget?
Características que hacen la diferencia
Facil Integracion
Añade el botón con una línea de código simple. No requiere librerías complejas ni configuraciones extensas.
Totalmente Personalizable
Adapta el botón a la estética de tu marca con múltiples opciones de personalización.
Comunicacion Directa
Permite a tus clientes contactarte al instante vía WhatsApp sin complicaciones.
Ligero y Rapido
Optimizado para no afectar el rendimiento de tu sitio web. Carga instantánea.
Compatible con Todos los Dispositivos
Diseño responsivo que se ve genial en cualquier pantalla, móvil o desktop.
Mejora la Experiencia del Usuario
Optimizado para no afectar el rendimiento de tu sitio web. Carga instantánea.
1 Agrega el css en el head de tu página
<link rel="stylesheet" href="https://fly-online.netlify.app/whatsapp.css">
2 Agrega el script en tu archivo html antes de cerrar el body
<script src="https://fly-online.netlify.app/whatsapp.js"></script>
3 Inicializar la funcion en tu archivo js
initWhatsappButton({
phone: '999999999',
country: 'PE',
message: 'Hola, quiero más información.',
content: 'Soporte',
theme: 3
});
Descargar archivos
| Parámetro | Tipo | Descripción | phone | string | Número local SIN prefijo internacional |
|---|---|---|
| country | string | Código ISO-2 del país (ej: PE, MX, US) |
| message | string | Mensaje prellenado opcional |
| content | string | Texto visible en el botón |
| theme | number | Tema visual (del 1 al 6) |
Demostración del Widget de WhatsApp
Video Demo