Botón de WhatsApp para tu página web

Pega el código justo antes de </body> en todas las páginas. Si tus páginas comparten un pie de página, basta con pegarlo ahí.

Lo más sencillo es el plugin gratuito WPCode: instálalo en Plugins > Agregar plugin, abre Fragmentos de código > Encabezado y pie de página, pega el código en la sección del pie de página y haz clic en Guardar cambios. Con Elementor Pro, usa Elementor > Código Personalizado, al final del <body> y con la condición En todo el sitio. En WordPress.com, pegar código requiere un plan de pago.

En Ajustes > Desarrollo e integraciones > Código personalizado, haz clic en + Agregar código personalizado, pega el código, elige Todas las páginas y Cuerpo - final, y haz clic en Aplicar. Wix solo ejecuta código en sitios publicados con un dominio propio conectado, lo que requiere un plan Premium.

En Tienda online, abre el menú … de tu tema y elige Editar código. Abre layout/theme.liquid, pega el código justo antes de </body> y haz clic en Guardar. Los temas de pago solo se pueden editar después de comprarlos, y al actualizar el tema se pierde el cambio.

Tiendanube tiene su propio botón: en el menú lateral, abre WhatsApp y activa Botón de WhatsApp, o haz clic en Agregar botón e ingresa el número. El código de país es el del país donde registraste la tienda.

Abre el panel Inserción de código, pega el código en Pie de página y haz clic en Guardar. No está disponible en todos los planes y no se aplica en las páginas de pago.

El creador de sitios de Hostinger tiene su propio botón: en la sección Integraciones de la configuración, completa el campo WhatsApp con el número (solo dígitos, con el código de país) y un mensaje, guarda y actualiza el sitio.

No se puede tener un botón flotante: Google Sites no tiene dónde pegar código en todas las páginas, y el código insertado queda dentro del bloque donde lo pusiste. Haz clic en «Copiar enlace» y pon el enlace en un botón o texto de la página. El enlace lleva tu número y tu mensaje; solo el código del sitio puede añadir la página del visitante.

Copiar enlaceGenerador de enlaces de WhatsApp →

Abre la página publicada, no el editor, en el celular y en la computadora. Haz clic en el botón, revisa el número y el mensaje, y que no tape el aviso de cookies ni otro botón.

Es gratis, sin registro y sin marca de agua. El número y el mensaje se quedan en tu navegador y nunca se envían a WAWin.

No. No usa cookies, no envía datos de los visitantes a nadie y no carga archivos externos, salvo el logo que pongas en la ventana de chat. Con la burbuja, un script corto la muestra a los 3 segundos y, si el visitante la cierra, no vuelve a mostrarla hasta que cierre la pestaña.

La burbuja es una frase junto al botón que aparece a los 3 segundos; al hacer clic se abre WhatsApp. La ventana de chat funciona como un widget de chat: se abre al hacer clic en el botón y muestra tu nombre, tu logo y el saludo, con un botón para iniciar el chat. En los dos casos, la conversación sigue en WhatsApp.

En el celular, WhatsApp se abre con el mensaje ya escrito y el visitante solo toca enviar. En la computadora, se abre una página de WhatsApp para continuar en WhatsApp Web o en la app de escritorio.

Vuelve a generar el botón aquí y reemplaza el código anterior por el nuevo. El código no depende de WAWin: el botón sigue funcionando aunque esta página deje de existir.

Si tu sitio usa Google Analytics 4 con la medición optimizada activada, los clics en el botón ya aparecen como clics de salida hacia wa.me. No hace falta cambiar el código. Un clic registra un intento de abrir WhatsApp; no confirma que el chat se abrió ni que se envió un mensaje.

Aumenta el margen inferior para subir el botón o cámbialo al otro lado.