Crea botones de chat WhatsApp atractivos para tu sitio web. Copia el código y pégalo donde quieras.
Elige tu estilo, colores y mensaje
Mira exactamente cómo se ve en un sitio real
Copia el código y agrégalo a tu sitio
Los visitantes empiezan a chatear con un solo toque — sin formularios, sin emails, sin esperas. WhatsApp tiene un 98% de tasa de apertura.
Las conversaciones en tiempo real convierten 3–5× más que formularios estáticos. Responde preguntas al instante.
WhatsApp tiene más de 2.000 millones de usuarios en 180+ países. Tu botón funciona en escritorio y móvil.
Este generador produce código HTML + CSS puro — sin plugins, sin dependencias, sin cuotas mensuales.
Ve a Apariencia → Widgets, añade un bloque "HTML personalizado" y pega el código generado. También puedes pegarlo en el footer.php de tu tema.
Navega a Tienda Online → Temas → Editar Código. Abre theme.liquid y pega el código antes de la etiqueta </body>.
Añade un elemento "Insertar HTML" a tu página (o en el footer del sitio) y pega el código generado dentro.
Ve a Configuración → Avanzado → Inyección de Código. Pega el código en el campo Footer y guarda.
Añade el HTML generado como componente React o pégalo dentro de un bloque dangerouslySetInnerHTML en tu layout.
Abre tu archivo HTML, pega el código antes de </body> y sube el archivo. El botón funciona inmediatamente.
Everything you need to know about the product and billing.
Un botón de WhatsApp es un widget que se integra en tu sitio web y abre una conversación directa con tu negocio. Cuando un visitante lo pulsa, se abre WhatsApp con tu número y un mensaje pre-escrito — sin necesidad de guardar contactos. Los botones de WhatsApp son la forma más rápida de convertir el tráfico web en conversaciones reales, con empresas reportando hasta 3 veces más interacción comparado con formularios de contacto tradicionales.
Usa este generador gratuito para configurar el estilo, color y mensaje de tu botón. Luego copia el código HTML y pégalo antes de la etiqueta de cierre </body> en tu sitio web. El botón funciona inmediatamente — sin framework JavaScript ni servidor necesario.
¡Sí! Elige entre 5 estilos de botón (flotante, solo icono, en línea, con etiqueta y barra fija). Personaliza el color con 6 presets o cualquier valor hexadecimal, ajusta el tamaño del icono, el radio del borde, la sombra y la posición. Todos los cambios se previsualizan en tiempo real.
Sí, el código generado es HTML + CSS puro y funciona con cualquier plataforma web incluyendo WordPress, Shopify, Wix, Squarespace, Webflow, Next.js y sitios HTML estáticos. No necesitas plugins — solo pega el código.
Completamente gratis, para siempre. Esta herramienta genera código HTML independiente sin dependencias, sin cuotas mensuales y sin atribución requerida. El código es tuyo para usar en sitios web ilimitados.
No. El código generado es HTML + CSS ligero (menos de 2 KB) sin scripts externos, fuentes o librerías. Tiene impacto cero en Core Web Vitals y el rendimiento de la página.
¡Sí! En la pestaña Avanzado, activa la animación de pulso para un efecto de brillo suave que atrae la atención, o añade una burbuja de saludo que aparece después de un tiempo configurable con un mensaje personalizado.
El código generado usa enlaces HTML estándar (URLs wa.me). Puedes rastrear clics usando Google Tag Manager añadiendo un disparador de clic en la clase CSS del botón, o agregar onclick="gtag('event', 'whatsapp_click')" al tag del enlace para Google Analytics 4.
Un botón de WhatsApp redirige a los visitantes a WhatsApp para una conversación directa, mientras que los widgets de chat en vivo funcionan dentro de tu sitio web. Los botones de WhatsApp son más simples (no hay software que instalar), funcionan en todos los dispositivos y permiten continuar la conversación incluso después de que el visitante abandone tu sitio.
Desbloquea todo el potencial con las funciones Pro de WhatsTeam.
Sin tarjeta de crédito