WAButton

Inserción universal de 1 línea

Botón de WhatsApp para HTML & Custom Websites

Añade un widget de chat de WhatsApp a HTML & Custom Websites en minutos. Cualifica visitantes, enruta conversaciones y mantén tu tema rápido.

Crea mi botón gratis

Configuración en 1 min Destino: index.html (before </body>) or root layout component

Instalación paso a paso para HTML & Custom Websites

Sigue estos pasos para incrustar WAButton en tu sitio HTML & Custom Websites. Sin desarrollo complejo ni cuotas de app.

  1. 1

    Copia tu snippet de inserción

    Copia tu snippet de script, único para ti, desde el panel de tu widget de WAButton o desde la pantalla de onboarding.

    Consejo: Asegúrate de mantener activado el atributo async para que el navegador cargue el script de forma asíncrona y sin bloquear.

  2. 2

    Pega antes de la etiqueta de cierre </body>

    Pega el código en tu archivo HTML raíz (p. ej. index.html) o en tu componente de layout raíz (p. ej. layout.tsx, App.vue, base.blade.php), justo antes de </body>.

    Consejo: Colocar el script justo antes de </body> hace que el contenido de tu página se cargue primero. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Ábrelo en el navegador

    Guarda el archivo y actualiza el navegador. Tu botón flotante de WhatsApp aparecerá de inmediato en la esquina inferior.

Por qué dueños de tiendas y agencias eligen WAButton para HTML & Custom Websites

Una etiqueta de script universal

Un único script de carga asíncrono y diminuto que funciona igual en HTML estático y en frameworks SSR y SPA.

Estilos acotados

Cada estilo está acotado a nombres de clase con el prefijo wabutton-, así que no altera el aspecto de tus clases de Tailwind, Bootstrap o CSS personalizado.

Script autocontenido

Desarrollado con Preact e incluido en el propio script, así que tu página no necesita jQuery, ni React, ni fuentes de iconos.

Preparado para la navegación SPA

Mantiene automáticamente el estado del widget entre las transiciones de ruta del lado del cliente (React Router, Next.js, Vue Router).

Preguntas frecuentes

¿WAButton funciona con aplicaciones de una sola página (SPA) como React, Next.js o Vue?

¡Sí! WAButton se inicializa en el objeto window y se mantiene entre las navegaciones del router del lado del cliente, sin necesidad de volver a ejecutarse en cada cambio de ruta.

¿WAButton hará bajar mi puntuación de Google Lighthouse o PageSpeed Insights?

WAButton es un script asíncrono de menos de 40KB (con gzip) servido desde el edge de Cloudflare, así que no bloquea el primer pintado. El panel del chat solo se carga cuando un visitante lo abre. El efecto en tu propia puntuación depende de tu sitio, así que ejecuta PageSpeed Insights antes y después de añadirlo.

Herramientas gratuitas relacionadas

Utilidades gratuitas de WhatsApp para impulsar la conversión de tu tienda.

Más guías de instalación

Ya tienes los visitantes. Dales .

Conseguir más tráfico cuesta tiempo y dinero. Un botón de WhatsApp te ayuda a ganarte a más de las personas que ya te visitan, mientras siguen interesadas.

Crea mi botón gratis Prueba el creador en directo

Una línea de código. Sin tarjeta de crédito. Sin esperas.