Si vendes o das soporte por WhatsApp, un botón de chat en tu sitio web es una de las formas más rápidas de convertir visitas en conversaciones. En lugar de pedirle a un visitante que copie tu número, lo abra en WhatsApp y escriba desde cero, el botón lo lleva directo a una conversación lista para empezar. En esta guía encontrarás los dos métodos para agregarlo (enlace simple o widget conectado a un CRM), los pasos para instalarlo sin ayuda de un desarrollador, cómo personalizarlo, dónde ubicarlo, los errores más comunes y cómo medir si realmente está generando conversaciones.
Qué es un botón de chat de WhatsApp y cómo funciona
Un botón de chat de WhatsApp es un elemento (ícono, botón o burbuja flotante) que, al hacer clic, abre una conversación de WhatsApp con tu negocio. Técnicamente se apoya en un enlace con el formato https://wa.me/NUMERO, donde NUMERO es tu número en formato internacional, sin espacios, guiones ni el símbolo “+”. Si el visitante está en su teléfono, el enlace abre la app de WhatsApp. Si está en una computadora, abre WhatsApp Web, con el número ya cargado y listo para escribir.
A ese enlace base se le puede agregar un mensaje predefinido con el parámetro ?text=, por ejemplo https://wa.me/573001234567?text=Hola%2C%20quiero%20más%20información. Así el visitante no empieza desde una pantalla en blanco, sino con algo que ya describe lo que busca.
Dos formas de agregarlo a tu sitio: enlace simple o widget con CRM
Hay dos caminos, y conviene elegir según el tamaño de tu negocio y cuántas conversaciones recibes al día.
| Opción | Cómo funciona | Cuándo conviene |
|---|---|---|
| Enlace o botón simple | Un enlace wa.me dentro de un botón HTML, sin software adicional |
Negocios pequeños, pocas conversaciones al día, un solo número y una sola persona respondiendo |
| Widget conectado a un CRM | Un script que agrega el botón y, además, guarda cada conversación en una bandeja compartida con historial, asignación de agentes y métricas | Equipos con varios agentes, varios números, o cuando ya respondes WhatsApp, Instagram y Messenger y necesitas verlo todo en un solo lugar |
El enlace simple es más rápido de poner, pero no deja rastro: no sabes cuántas personas hicieron clic, ni puedes repartir las conversaciones entre varios agentes. El widget conectado a un CRM resuelve justo eso, al costo de una configuración un poco más larga.
Paso a paso: cómo crear el enlace de WhatsApp
- Escribe tu número en formato internacional. Incluye el código de país, sin el signo “+”, sin espacios ni guiones. Por ejemplo, un número colombiano se escribe
573001234567, no+57 300 123 4567. - Construye el enlace base.
https://wa.me/seguido de ese número. - Agrega un mensaje predefinido (opcional pero recomendado). Añade
?text=y el mensaje codificado para URL (los espacios se escriben como%20o+). - Prueba el enlace desde un celular y desde una computadora antes de publicarlo, para confirmar que abre la conversación correcta.
Cómo instalar el botón en tu sitio web (sin ser desarrollador)
No necesitas saber programar para poner el botón en marcha. Estas son las rutas más comunes:
Sitio hecho a mano o con un constructor de páginas
La mayoría de los constructores de sitios permiten insertar un bloque de HTML personalizado. Ahí puedes pegar un enlace simple con forma de botón, o el fragmento de código que te entregue tu proveedor de widget, justo antes de la etiqueta de cierre del body.
WordPress
En WordPress basta con un bloque de HTML personalizado (o el widget del tema, si lo incluye) en el que pegas el enlace o el script del widget. No se necesita tocar el código del tema.
Shopify y otras plataformas de ecommerce
En Shopify, el camino habitual es entrar al editor del tema y pegar el código justo después de la etiqueta de apertura del body, para que el botón aparezca en todas las páginas de la tienda, incluidas las de producto y pago.
Después de instalar el código, guarda los cambios y recarga la página para confirmar que el botón aparece y que el enlace lleva al número correcto.
Cómo personalizar el botón para que combine con tu marca
- Color y forma: ajusta el color del botón a tu paleta de marca y elige si será un ícono circular, una burbuja con texto o un botón rectangular.
- Texto del botón: usa una llamada a la acción concreta, como “Escríbenos por WhatsApp” o “Chatea con nosotras”, en vez de un genérico “Contacto”.
- Mensaje de bienvenida: define qué ve el visitante antes de escribir, por ejemplo “Hola, ¿en qué podemos ayudarte hoy?”.
- Nombre y foto del negocio: si el widget lo permite, agrega el nombre de tu empresa y un logo pequeño, para que el visitante reconozca con quién va a hablar.
- Mensaje prellenado por página: en una página de precios puedes prellenar “Quiero saber más sobre los planes”, y en una ficha de producto, el nombre de ese producto. Así la conversación empieza con contexto.
Dónde ubicar el botón (buenas prácticas de diseño)
- La posición más común y efectiva es la esquina inferior derecha, como elemento flotante que se mantiene visible mientras el visitante se desplaza por la página.
- Agrégalo especialmente en las páginas de mayor intención de compra: producto, precios, cotización y contacto.
- Evita que tape botones importantes (como el de “comprar” o “enviar formulario”) en pantallas de celular, donde el espacio es más reducido.
- Si tu sitio ya tiene un chat en vivo u otro widget flotante, ubícalos de forma que no se superpongan.
Errores comunes al poner un botón de WhatsApp
- Olvidar el código de país en el número, lo que hace que el enlace no abra ninguna conversación o abra la de otra persona.
- Ubicarlo donde casi nadie lo ve, muy abajo en la página o escondido detrás de otros elementos.
- No probarlo en varios dispositivos antes de publicarlo: un enlace que funciona en computadora puede comportarse distinto en un celular con varias apps de mensajería instaladas.
- Dejar un mensaje de bienvenida genérico que no dice nada sobre tu negocio ni ayuda a entender qué puede preguntar el visitante.
- No conectar el botón a ningún lugar donde se gestionen las conversaciones, lo que funciona bien con un número y una persona, pero se vuelve difícil de seguir en cuanto el negocio crece y varios agentes empiezan a responder desde el mismo número.
Cómo medir si el botón está funcionando
Un botón que nadie mide es una suposición, no un dato. Algunas formas de darle seguimiento:
- Usa Google Tag Manager para capturar el clic en el botón como un evento, y envía ese evento a Google Analytics 4 para ver cuántos visitantes lo usan y desde qué páginas.
- Si inviertes en campañas de clic a WhatsApp en Facebook o Instagram Ads, revisa que la configuración de esas campañas esté completa: es un punto donde se pierde presupuesto con frecuencia. Lo tratamos a fondo en los errores más comunes en campañas de clic a WhatsApp.
- Si usas un widget conectado a un CRM, apóyate en sus reportes de conversaciones iniciadas, tiempo de primera respuesta y conversaciones por agente, en vez de depender solo del clic.
Qué pasa después del clic: responder rápido sin perder el control
Poner el botón es solo el primer paso. Lo que define si esa conversación termina en una venta es qué tan rápido y bien la respondes, sobre todo cuando varias personas de tu equipo atienden el mismo número o cuando además recibes mensajes por Instagram y Messenger.
Para eso sirve conectar el botón a una bandeja compartida en lugar de dejarlo apuntando al WhatsApp personal de alguien del equipo: todas las conversaciones quedan centralizadas, con el historial completo de cada cliente, y se pueden asignar automáticamente a un agente disponible. Si te interesa entender esa parte con más detalle, puedes revisar cómo un CRM para WhatsApp ayuda a escalar las ventas y, si tu volumen de mensajes ya es alto, qué es la API de WhatsApp Business y en qué se diferencia de usar la aplicación normal.
También puedes apoyarte en chatbots o en un agente de inteligencia artificial para que respondan automáticamente mientras tu equipo no está disponible, algo que suele ser tan sencillo como el botón mismo de instalar. Si quieres profundizar en esa parte, estos dos artículos lo explican bien: cómo funciona un chatbot de WhatsApp y cómo un agente de IA puede dar soporte y vender 24/7.
Mercately reúne WhatsApp, Instagram y Messenger en una sola bandeja compartida, con asignación automática de conversaciones entre tu equipo y un agente de inteligencia artificial (MIA) que puede atender consultas y calificar leads cuando tu equipo no está disponible. Si quieres ver cómo se vería esto en tu negocio, puedes agendar una demo o conocer más en mercately.com.
Preguntas frecuentes
¿Necesito la API oficial de WhatsApp Business para poner un botón en mi sitio?
No necesariamente. Un enlace simple de tipo wa.me funciona con cualquier número de WhatsApp. La API oficial se vuelve relevante cuando varios agentes necesitan responder desde el mismo número o cuando quieres conectar las conversaciones a un CRM.
¿El botón de WhatsApp sirve igual en celular y en computadora?
Sí. En celular abre la aplicación de WhatsApp instalada y en computadora abre WhatsApp Web, en ambos casos con el número de destino ya cargado.
¿Puedo tener un botón de WhatsApp y un chat en vivo al mismo tiempo?
Sí, pero es mejor ubicarlos de forma que no se superpongan ni compitan por la misma esquina de la pantalla, para no confundir al visitante sobre cuál usar.
¿Qué mensaje predefinido debería usar?
Uno breve y específico a la página donde está el botón. En una ficha de producto puedes prellenar el nombre del producto, y en la página de precios, algo como “Quiero saber más sobre los planes”.
¿Cómo sé si el botón realmente está generando conversaciones?
Mide el clic con Google Tag Manager y Google Analytics 4, y si usas un widget conectado a un CRM, revisa sus reportes de conversaciones iniciadas y tiempo de primera respuesta.
¿Qué hago si recibo más mensajes de los que mi equipo puede responder a tiempo?
Ahí es donde conviene pasar de un número atendido por una sola persona a una bandeja compartida con asignación automática entre varios agentes, y apoyarte en un chatbot o un agente de IA para las preguntas frecuentes mientras tu equipo atiende los casos que necesitan una persona.
¿El botón funciona si mi negocio vende en varios países?
Sí, siempre que el número esté en el formato internacional correcto para ese país. Si manejas distintos números por país o por sucursal, conviene mostrar el número correspondiente según la página o el dominio que visite cada cliente.
