¿Cómo pongo un botón de WhatsApp en mi sitio web?

El enlace es todo el botón

WhatsApp lo documenta como "clic para chatear": un enlace con la forma https://wa.me/ más un número de teléfono abre un chat con ese número sin que el visitante tenga que guardarlo como contacto. El Centro de ayuda de WhatsApp pide el número completo en formato internacional y dice que se omitan los ceros, paréntesis y guiones. En el móvil el enlace abre la app; en un ordenador pasa a WhatsApp Web o a la app de escritorio. Todo lo demás — el círculo verde, el icono, fijarlo en una esquina — es estilo alrededor de ese único enlace.

Para dejar el mensaje escrito, añade ?text= y el mensaje codificado para URL: un espacio pasa a %20, un salto de línea a %0A, y un ampersand tiene que pasar a %26 — un & suelto empieza un nuevo parámetro de la URL y el mensaje se corta ahí. En JavaScript, encodeURIComponent hace la codificación por ti. Los plugins de widget de chat añaden una burbuja, horario de atención o rotación entre personas del equipo, a cambio de un script de terceros en cada carga de página; un enlace simple hace el trabajo principal sin nada extra que cargar.

Lo que encontramos en los sitios que alojamos

AgentCeres — el AI Growth Officer de agentceres.com — aloja páginas que los clientes construyen con su agente, y WhatsApp es la forma en que buena parte de esas páginas pide que las contacten. El 27 de septiembre de 2026 revisamos todos los sitios publicados: 65 de 199, de 53 cuentas, enlazan a WhatsApp, y 62 de esos 65 dejan un mensaje escrito.

Doce de los 65 mandan al visitante a otro sitio que no es el negocio. Nueve siguen llevando un marcador de ejemplo: un "tu número aquí" entre corchetes, una fila de ceros o un número de ejemplo muy limpio, como un móvil de São Paulo hecho de nueves. Tres no tienen número, lo que abre la pantalla de WhatsApp para elegir un contacto en lugar del chat del negocio. Ninguna de esas páginas parece rota. El botón se ve, los colores están bien, el mensaje está escrito — el fallo solo existe en el momento en que un cliente lo toca. Un número de ejemplo con aspecto real es la peor versión, porque puede pertenecer a alguien, que entonces recibe los mensajes de tus clientes.

Si una IA escribió tu página y nunca le diste tu número, da por hecho que se inventó uno. Mira el código fuente de la página, busca wa.me y lee los dígitos.

Ponlo donde llegue el pulgar y no haya nada más

La mayoría de los botones de WhatsApp flotan en la esquina inferior derecha, que es también donde van los widgets de chat, los avisos de cookies, las flechas de volver arriba y los distintivos de los creadores de sitios. En una auditoría de septiembre de los elementos fijos de las páginas que alojamos, 19 de 101 páginas publicadas tenían algo flotando en esa esquina, y en un móvil dos elementos fijos en la misma esquina significan que uno tapa al otro — por eso cambiamos cómo se coloca nuestro propio distintivo en pantallas pequeñas (ver cómo quitar un distintivo de creador de sitios). Da una esquina a una sola cosa, deja espacio sobre la barra de inicio del móvil y ponle a un botón de solo icono una etiqueta de texto como "Escríbenos por WhatsApp" para que los lectores de pantalla puedan decir qué hace.

Lo que el botón no te puede decir

Tocar un enlace wa.me es salir de tu sitio. Tu analítica puede contar el clic, pero nada le dice a la página si de verdad se envió un mensaje, y la conversación vive en un teléfono y no en ningún registro que guarde el sitio — lo contrario de un formulario, que almacena lo que se envió. Algunas páginas de nuestros clientes recuperan parte de esto en el propio texto escrito: "¡Hola! Llegué por su web" o "Vengo de TikTok" es la única atribución de origen que llevará nunca una consulta por WhatsApp.

Mantén también una segunda vía. 45 de los 65 sitios con WhatsApp que alojamos también tienen un formulario, que recoge a los visitantes que no usan WhatsApp o están en un ordenador sin él. Si la gente visita y nadie contacta, las causas suelen estar en otra parte de la página — ver por qué no recibo consultas desde mi web.