Saltar a la herramienta
TapToChat

Botón flotante de WhatsApp para tu web

Genera el código HTML de un botón de WhatsApp listo para pegar en tu página. Sin plugins, sin JavaScript pesado, sin registro.

#25D366
#ffffff

Así se verá el botón sobre tu web. Pulsa "Ver en pantalla completa" para probarlo a tamaño real.

100% privado: el código se genera en tu navegador, sin scripts externos ni rastreo.

ANUNCIO 728x90 / responsive leaderboard

Cómo instalarlo en 3 pasos

Funciona en WordPress, Wix, Shopify o HTML a mano.

1. Personaliza el botón

Introduce tu número, un mensaje y elige la posición en pantalla.

2. Copia el código

Pulsa "Copiar Código" para llevártelo al portapapeles.

3. Pégalo en tu web

Pégalo antes de </body> en tu HTML, o en un bloque de código de tu editor.

Botón de WhatsApp para páginas web, explicado

Un botón flotante de WhatsApp es un icono fijo, normalmente en la esquina inferior de la pantalla, que acompaña al visitante mientras navega por tu web. Al hacer clic, abre directamente una conversación de WhatsApp contigo, sin que el visitante tenga que buscar tu número en ningún sitio.

Muchos plugins de WhatsApp para WordPress o Shopify cargan librerías externas, hacen peticiones a servidores de terceros o piden una cuenta para funcionar. El código que genera esta herramienta es justo lo contrario: un bloque de HTML con estilos en línea, sin dependencias externas, que puedes revisar línea por línea antes de pegarlo.

El botón usa el mismo enlace wa.me que el resto de herramientas de TapToChat, así que abre WhatsApp directamente en la conversación, sin necesidad de que tú ni tus visitantes tengáis que guardar ningún número.

ANUNCIO 728x90 / responsive banner

Preguntas frecuentes

¿Necesito saber programar para instalar el botón?
No. Solo tienes que copiar el código generado y pegarlo en el HTML de tu web, justo antes de la etiqueta de cierre </body>. Si usas WordPress, Wix o Shopify, puedes pegarlo en un bloque de HTML personalizado o widget de código.
¿El botón ralentiza mi página web?
No. El código generado no usa librerías externas ni JavaScript: es HTML con estilos en línea, así que pesa menos de 1 KB y no añade ninguna petición extra a tu servidor.
¿Puedo cambiar la posición o el texto más adelante?
Sí. Vuelve a esta herramienta, ajusta la posición o el texto del mensaje de bienvenida, genera el código de nuevo y sustituye el bloque anterior en tu web.
¿El código recopila datos de mis visitantes?
No. El botón es un simple enlace a wa.me con tu número; no incluye ningún script de rastreo ni conexión a servidores externos.

Más herramientas

Todo lo que necesitas para hablar por WhatsApp sin fricción.