Crea y diseña tu botón
Introduce tu número de WhatsApp y ajusta el texto, el color y la posición. La vista previa y el código de abajo se actualizan al instante.
Formato internacional con prefijo del país, sin «+» y sin el 0.
Ya aparece en el campo de texto del visitante al abrir.
Vista previa en directo · haz clic en el botón de la esquina
Integrar
Copia el fragmento y pégalo antes del
</body> de cierre, o en el campo „Custom Code / HTML“ de tu
creador de webs. Funciona en WordPress, Wix, Jimdo, Shopify, Webflow, Squarespace o HTML puro.
La variante de script añade el botón flotante a tu
página de forma automática: es la solución más sencilla. La variante de
elemento HTML te da control total: cargas el script una vez y luego
colocas el <whatsapp-button> tantas veces como quieras o de forma dinámica.
Cómo funciona
- ConfigurarIntroduce el número y ajusta arriba el texto, el color y la posición: la vista previa muestra al instante cómo queda el botón en tu página.
- InsertarCopia la única línea de código y colócala antes del
</body>de tu web. - ChatearLos visitantes pulsan el botón y entran directamente en tu WhatsApp, con el mensaje ya escrito. Listo.
Por qué este widget
Cero complicaciones
Una línea de código, sin cuenta, sin servidor, sin claves de API. Funciona por completo en el navegador del visitante.
Tarjeta de chat real
Estética auténtica de WhatsApp con avatar, estado en línea y saludo, en lugar de un botón a secas.
Aislado y robusto
El Shadow-DOM encapsula todos los estilos: sin conflictos con tu tema, sin sorpresas en el diseño.
Accesible
Manejo con teclado, ESC para cerrar, anillos de foco y se respeta «menos movimiento».
Perfecto en el móvil
Abre la app de WhatsApp en el móvil y WhatsApp Web en el escritorio, con el mensaje ya escrito.
Totalmente a tu estilo
Color, posición, etiqueta, claro/oscuro y comportamiento a tu elección, a juego con cualquier marca.
Preguntas frecuentes
¿Necesito una cuenta de WhatsApp Business?
No. Basta con un número normal de WhatsApp. El botón simplemente abre un chat con ese
número a través del enlace oficial wa.me.
¿En qué formato debo introducir el número?
En formato internacional con prefijo del país, sin «+», sin espacios y sin el 0 inicial.
Ejemplo en Alemania: de 0170 1234567 sale
491701234567. Puedes poner espacios para que se lea mejor: se
eliminan automáticamente.
¿Tiene algún coste o hace seguimiento?
No. El widget es gratuito, no carga rastreadores ni instala cookies. Solo se comunica con WhatsApp cuando el visitante pulsa el botón.
¿Funciona en WordPress, Wix y demás?
Sí. Funciona en cualquier sitio donde puedas insertar tu propio HTML o «Custom Code»: WordPress, Wix, Jimdo, Shopify, Webflow, Squarespace, Typo3 o HTML puro.
¿Puedo integrar varios asesores o números?
Un número por botón. Pero con la variante de elemento HTML puedes
colocar varios <whatsapp-button> o cambiar el número de forma dinámica.