Botón de WhatsApp en tu página web: dónde ponerlo y medirlo
Pon el botón de WhatsApp en la primera pantalla y junto a cada decisión, con mensaje precargado y un evento que lo cuente. Así se arma y se mide.
Por Adrián Martínez · · 8 min de lectura
El botón de WhatsApp va en la primera pantalla de tu página y otra vez junto a cada decisión importante (servicios, precios, preguntas frecuentes y cierre). Debe abrir un mensaje ya escrito que diga qué estaba viendo la persona, y cada clic tiene que quedar contado. Con esas tres piezas (lugar, mensaje y medición) el botón deja de ser un adorno y se vuelve un canal que puedes revisar.
Dónde ponerlo
La regla es sencilla: pon el botón donde la persona ya tiene la pregunta en la cabeza. Quien llega a tu página quiere saber si haces lo que busca, cuánto cuesta y cómo contactarte. Cada una de esas dudas es un buen lugar para un botón.
| Lugar | Cuándo conviene | Cuidado |
|---|---|---|
| Primera pantalla | Siempre. Es lo primero que ve quien ya sabe que te quiere escribir. | Que no compita con otros tres botones del mismo peso. |
| Junto a cada servicio o precio | Cuando el visitante acaba de leer algo que le interesa. | Que el texto del botón nombre ese servicio, no uno genérico. |
| Después de las preguntas frecuentes | Quien llegó hasta ahí ya resolvió sus dudas. | Que no se pierda dentro de las respuestas. |
| Cierre de la página | Para quien leyó todo y no sabe qué sigue. | Que repita una sola acción. |
| Barra o botón fijo en celular | Cuando la mayoría de tus visitas llega desde el teléfono. | Que no tape texto, el menú ni otros botones. |
No encontré un estudio serio que diga cuál de estos lugares rinde más en general, y conviene desconfiar de quien te lo asegure. Rinde distinto según tu giro y tu tráfico. La manera de saberlo es medir tu propio sitio, que es lo que se explica más abajo.
¿Botón flotante o botón dentro de la página?
El botón flotante acompaña a la persona mientras baja, y por eso es popular. Su costo es que ocupa un pedazo de una pantalla que en el celular ya es chica y puede tapar un precio, un texto o el menú. Un botón dentro de la página no estorba, pero solo se ve cuando la persona pasa por él.
Una combinación razonable: botones dentro de la página en cada punto de decisión y, si añades uno fijo, que sea pequeño pero cómodo de tocar, en una esquina donde no tape contenido, y sin repetir la misma acción tres veces en la misma pantalla.
El tamaño también cuenta
Un botón que el pulgar falla es un botón que no existe. Google recomienda en web.dev un área táctil de unos 48 píxeles, con unos 8 píxeles de separación entre elementos táctiles. Como piso de accesibilidad, la norma WCAG 2.2 (criterio 2.5.8, nivel AA) pide al menos 24 por 24 píxeles CSS, con excepciones como los enlaces dentro de una frase. Si tu botón es un icono pequeño en una esquina, revisa estas dos medidas.
¿Tu botón de WhatsApp está donde debe?
Revisamos dónde está cada botón de tu página, cómo se ve en celular y si alguien está contando los clics.
El mensaje precargado
WhatsApp permite que el enlace del botón abra la conversación con un texto ya escrito. Su documentación oficial describe el formato «click to chat»: la dirección lleva el número completo en formato internacional (código de país y número, sin ceros, paréntesis ni guiones) y, si quieres un mensaje inicial, el texto va codificado al final; por ejemplo, cada espacio se escribe «%20». La persona lo ve en el cuadro de texto y puede editarlo antes de enviarlo.
Ese texto es una oportunidad que casi todos desperdician con un «Hola» o con «Quiero información». Un mensaje útil dice dos cosas: qué quiere la persona y desde dónde escribe. Por ejemplo: «Hola, vi la página de [servicio] y quiero saber cómo funciona».
- Corto: una frase, que la persona pueda editar sin esfuerzo.
- Con el nombre del servicio o de la página donde estaba, para que tu equipo sepa qué contestar.
- Con una etiqueta de origen, por ejemplo «[precios]» o «[cierre]», para saber qué botón la trajo.
- Sin pedir datos personales ni datos sensibles dentro del mensaje.
En los sitios que hacemos en Byte and Brand cada botón lleva su propio mensaje con una etiqueta de origen entre corchetes. Cuando la persona escribe, tú ves en tu WhatsApp desde qué parte de la página llegó, aunque Analytics no haya alcanzado a registrarlo.
Qué decir en el botón
El texto del botón también es copy. «Escríbenos por WhatsApp» nombra el canal; «Pregunta por tu cita» o «Cotiza tu proyecto» nombran lo que la persona obtiene. La segunda forma suele decir más con las mismas palabras, y te permite poner un texto distinto en cada punto de la página según lo que acaba de leer el visitante.
Cómo medirlo
Medir el botón significa tres cosas: contar los clics, saber de cuál botón vinieron y no confundirlos con clientes.
- Un evento por clic. En Google Analytics (GA4) un evento es una acción que tu página le avisa a Analytics, con el nombre que tú elijas. Google documenta la instrucción para enviarlo: el nombre del evento más los datos que quieras agregar, como cuál botón fue. Quien programa tu sitio lo agrega al botón.
- Un dato que distinga los botones. Sin él, todos los clics se suman en un solo número y no sabrás si el de arriba o el del cierre trabaja mejor.
- Marcarlo como evento clave. Una vez que Analytics lo recibió, se marca en Admin, Data display, Events, con la estrella. Google aclara que el cambio vale desde que lo marcas.
Una vez al mes, abre el número de clics de cada botón y compáralo con los mensajes reales que llegaron a tu bandeja. Si un botón junta muchos clics y casi ningún mensaje, revisa su texto y el mensaje precargado. Si un lugar de la página casi no recibe clics, prueba moverlo o cambiar lo que dice, y espera varias semanas antes de concluir algo: con pocas visitas, unos cuantos clics de diferencia no significan nada.
Cómo saber cuántos clientes te llegan de tu página webPara saber de qué canal vino cada contacto y cómo revisar los números cada mes, tenemos una guía aparte. →Cuidado con lo que mide un clic
El evento se dispara al tocar el botón, antes de que WhatsApp abra. Si la persona se arrepiente o no tiene la aplicación, el clic queda contado y el mensaje nunca llega. Tómalo como una señal de interés, no como un mensaje recibido, y compáralo con los mensajes reales en tu bandeja.
Errores comunes
- El número no lo atiende nadie. Un botón que lleva a un chat sin respuesta durante horas hace más daño que no tener botón. Define quién contesta y a qué hora, o automatiza lo básico.
- El botón es chico o se confunde con el fondo. Revisa el tamaño táctil y el contraste en tu propio celular, a pleno sol.
- Todos los botones dicen lo mismo. «Escríbenos» cuatro veces no ayuda. Nombra la acción: «Pregunta por tu cita», «Cotiza tu proyecto».
- Un mensaje genérico y sin etiqueta. Pierdes saber qué botón funciona y le haces la conversación más difícil a tu equipo.
- No probarlo. Toca el botón desde tu celular y desde tu computadora, y confirma que abre el chat correcto con el texto correcto.
Si el problema es atender a cualquier hora, es un tema aparte, y se puede resolver sin contratar más gente.
Conocer NegocIANegocIA es nuestro agente que contesta WhatsApp, agenda y da seguimiento cuando tú no puedes. →En resumen
Pon el botón en la primera pantalla y junto a cada decisión, grande y con una acción concreta. Haz que abra un mensaje corto con el servicio y una etiqueta de origen. Cuenta cada clic como evento clave y revísalo cada mes contra los mensajes que de verdad te llegaron. Y asegúrate de que alguien conteste al otro lado.
Un botón que se puede medir
Los sitios de Byte and Brand llevan cada botón de WhatsApp con su mensaje y su medición. Cuéntanos qué vendes y lo armamos.
