Herramienta Gratis

Crea un widget de chat de WhatsApp para tu sitio web

Configúralo abajo y pruébalo aquí mismo en esta página. La burbuja en la esquina es el widget real, en vivo.

Configura tu widget

Los cambios actualizan la vista previa en vivo y el fragmento de código al instante.

Elige tu país para que el código sea correcto (WhatsApp no puede encontrar el chat sin él), luego ingresa el resto del número, solo dígitos.

Aumenta esto si el widget termina oculto detrás de otro elemento en tu sitio, como un banner de cookies u otra herramienta de chat.

Tu fragmento de incorporación

Pégalo antes de la etiqueta de cierre </body> en tu sitio web.

Vista previa en vivo

Mira la esquina inferior de esta página. Ese es tu widget, renderizado desde la configuración anterior usando el script de incorporación real.

Gestiona tus leads en WhatsApp Web

Descarga la extensión de Chrome gratuita Chat Quotient para ver y gestionar cada conversación directamente dentro de WhatsApp Web, una experiencia completa de CRM de WhatsApp.

Añadir a Chrome, es gratis

¿Qué es un widget de chat de WhatsApp?

Un widget de chat de WhatsApp es un pequeño botón que se sitúa en la esquina de un sitio web y, cuando se hace clic, abre una conversación de WhatsApp con el negocio, ya sea directamente al número de WhatsApp del negocio o a través de un formulario corto primero. Reemplaza un enlace estático "Contáctanos" o un formulario de correo electrónico con un canal que la mayoría de los visitantes ya tienen abierto en su teléfono.

Es diferente de un enlace simple "haz clic para chatear" (solo un texto o icono que abre wa.me) en que un widget es configurable: posición, color y un saludo rellenado previamente.

Cómo agregar un widget de chat de WhatsApp a tu sitio web

  1. 1

    Configura tu widget

    Ingresa tu número de WhatsApp, luego elige un color y una esquina para el widget.

  2. 2

    Copia el fragmento

    Usa el botón "Copiar fragmento" anterior. Es una única etiqueta <script>, sin otros archivos o dependencias.

  3. 3

    Pégalo en tu sitio

    Añádelo justo antes de la etiqueta de cierre </body> del HTML de tu sitio.

  4. 4

    Publica

    Eso es todo. El widget se renderiza a sí mismo desde el fragmento, sin paso de compilación, backend, ni cuenta requerida.

Dónde pegarlo, por plataforma

WordPress
Usa un complemento como "Insert Headers and Footers" o "WPCode", o pégalo directamente en el footer.php de tu tema antes de </body> a través de Appearance → Theme File Editor.
Shopify
Online Store → Themes → Edit code → theme.liquid, y pega el fragmento justo encima de </body>.
Wix
Settings → Custom Code → Add Code, configúralo para que se cargue en todas las páginas en la sección "Body - end".
Webflow
Project Settings → Custom Code → Footer Code, luego publica tu sitio.
Cualquier otro sitio
Si puedes editar el HTML de tu sitio, pégalo antes de </body>. Funciona igual en todas partes.

Por qué agregar un botón de WhatsApp a tu sitio web

Sin formulario, sin correo electrónico, sin recarga de página

Los visitantes te alcanzan en una aplicación que ya tienen abierta en su teléfono, en lugar de escribir en un formulario de contacto y esperar a una respuesta.

Llega a los visitantes donde ya están

WhatsApp es la aplicación de mensajería predeterminada para miles de millones de personas en todo el mundo. Para la mayoría de los visitantes, no hay nada nuevo que descargar o registrarse.

Cada chat comienza con contexto

Un saludo rellenado previamente significa que la conversación no comienza en frío. Los visitantes llegan a WhatsApp con su mensaje ya enmarcado.

Tú controlas exactamente dónde se sienta

Establece el color, la esquina y el desplazamiento para que el widget coincida con tu sitio en lugar de una burbuja genérica predeterminada.

Gratis, sin proceso de aprobación

Sin solicitud de API de Business de WhatsApp, sin número separado, sin código más allá de una única etiqueta de script.

Botón de chat vs. widget de chat. ¿Cuál es la diferencia?

Botón de chat

Un enlace estático o icono que abre un chat de WhatsApp cuando se hace clic. Sin configuración más allá del número de destino.

Widget de chat

  • Color, posición y saludo rellenado previamente configurables
  • Funciona en todas partes: WordPress, Shopify, Wix, Webflow, o HTML plano, sin dependencias
  • Esto es exactamente lo que estás construyendo arriba

Preguntas frecuentes

¿Es gratis este generador de widgets de chat de WhatsApp? +

Sí. El widget de redirección que construyes arriba (con tu número, color, posición y saludo) es gratis, con un pequeño distintivo "Powered by Chat Quotient". Se planea una versión Pro impulsada por agente de IA para el futuro.

¿Necesito la API Business de WhatsApp para usarla? +

No. El widget abre un chat de WhatsApp normal usando tu número de WhatsApp existente. Sin aprobación de Business API ni número separado requerido.

¿Funcionará en WordPress, Shopify, Wix, u otro sitio web? +

Sí. Es una única etiqueta <script> sin dependencias, así que funciona en cualquier lugar donde puedas pegar HTML: WordPress, Shopify, Wix, Webflow, Squarespace, o un sitio construido a mano.

¿El widget ralentiza mi sitio web? +

No debería ser notable. El script es pequeño, se carga con async y defer para que nunca bloquee tu página, y se renderiza dentro de un Shadow DOM aislado para que no choque con los estilos de tu sitio.

¿Puedo recopilar el nombre de un visitante antes de que vaya a WhatsApp? +

Aún no. La captura de leads antes de la transferencia a WhatsApp está en la hoja de ruta, y reactivaremos el interruptor aquí una vez que esté listo.

¿Dónde se almacena mi configuración? +

En ningún lugar en nuestros servidores. Tu configuración vive enteramente dentro de la etiqueta de script que pegas en tu sitio. Para cambiar algo más tarde, vuelve a esta página, reconfigura y copia el nuevo fragmento (guarda una copia del actual, ya que no lo almacenamos para ti).

¿Cuál es la diferencia entre un botón de chat y un widget de chat? +

Un "botón de chat" es generalmente solo un enlace estático que abre WhatsApp. Un "widget de chat" (lo que construye esta herramienta) es un iniciador flotante con un saludo, posición y color configurables.

¿Puedo usar mi número personal de WhatsApp o necesito un número de negocio? +

Funciona cualquier número de WhatsApp, personal o de negocio. Solo ingresa con el código de país y sin espacios o signo más.