WhatsApp en tu web sin perder clientes: botón, catálogo y medición

Poner un botón de WhatsApp en tu página web es sencillo: basta un enlace del tipo https://wa.me/51987654321?text=Hola o un plugin de WordPress. Lo difícil es que ese botón no te haga perder clientes: que aparezca en el lugar correcto, que abra la conversación con un mensaje que te diga de dónde viene el contacto, que alguien responda a tiempo y que puedas medir en Google Analytics 4 cuántas ventas empiezan ahí. Esta guía cubre las tres piezas: el botón, el catálogo y la medición.

WhatsApp es el canal natural del cliente peruano para preguntar antes de comprar. Según el INEI, en el tercer trimestre de 2025 el 91 % de los usuarios de internet lo usaba para comunicarse, la actividad más frecuente en línea. Si tu web no facilita ese paso, el cliente busca otra que sí lo haga. Pero si el botón está mal implementado, lo que pierdes es la información: no sabes qué página, qué anuncio ni qué producto generó la conversación.

Actualizado: octubre de 2026

En resumen

• Usa enlaces wa.me con el número en formato internacional (51 + nueve dígitos, sin espacios ni signo +) y un mensaje prellenado distinto por página.
• El mensaje prellenado es tu herramienta de atribución: incluye el producto o servicio y un código corto de origen.
• El botón flotante no reemplaza a los botones dentro del contenido. En fichas de producto y páginas de servicio, pon un botón visible junto a la información.
• Mide cada clic como evento clave en GA4 con Google Tag Manager. Sin eso, la web parecerá que no convierte.
• Un botón sin respuesta rápida espanta más clientes de los que atrae. Define horario, mensaje de ausencia y quién responde.

Las formas de integrar WhatsApp en una web

Hay varias maneras de conectar WhatsApp con tu web, y cada una tiene un costo y una complejidad distintos. Esta tabla te ayuda a elegir:

Para la mayoría de MYPEs, la combinación ganadora es la más simple: enlaces wa.me bien construidos, un plugin de botón flotante y la app WhatsApp Business con catálogo. La API se justifica cuando ya no das abasto respondiendo desde el celular.

Cómo construir el enlace de WhatsApp correctamente

El formato oficial está descrito en la ayuda de WhatsApp sobre «clic para chatear»: https://wa.me/ seguido del número en formato internacional y, opcionalmente, ?text= con el mensaje codificado para URL.

• Número: código de país de Perú (51) más el celular de nueve dígitos, sin el signo +, sin espacios ni guiones. Ejemplo: 51987654321.
• Mensaje: los espacios se escriben como %20. «Hola, quiero cotizar» queda como Hola%2C%20quiero%20cotizar. Puedes usar cualquier codificador de URL para no hacerlo a mano.
• Prueba siempre el enlace en un celular y en una computadora. En escritorio se abrirá WhatsApp Web o la aplicación de escritorio.

Un error frecuente es usar el enlace sin número (wa.me/?text=...): ese formato abre la lista de contactos del usuario para reenviar el mensaje a cualquiera, no tu chat. Otro error es poner el número con un cero adelante o con el formato local, lo que hace que el enlace no funcione.

Si todavía no tienes tu cuenta de empresa configurada (perfil, horario, catálogo, respuestas rápidas), empieza por cómo configurar WhatsApp Business.

Dónde poner el botón para no perder clientes

El botón flotante en la esquina inferior derecha es el estándar, y funciona. Pero si es el único acceso a WhatsApp, pierdes contactos de quienes no lo ven o no saben qué preguntar. Ubica WhatsApp en tres capas:

Capa 1: el botón flotante

• Visible en todas las páginas, sin tapar el botón de compra, el carrito ni el aviso de cookies.
• Con un texto corto al lado en escritorio («¿Tienes dudas? Escríbenos»), y solo el ícono en el celular para no ocupar pantalla.
• Sin animaciones que salten cada pocos segundos: distraen y pueden afectar la estabilidad visual de la página.

Capa 2: botones dentro del contenido

• En cada página de servicio, junto al precio o a la descripción: «Cotizar [servicio] por WhatsApp».
• En cada ficha de producto, debajo del precio: «Consultar stock por WhatsApp». El mensaje prellenado debe incluir el nombre del producto.
• En la página de contacto, como primera opción si es tu canal principal.

Capa 3: el respaldo

• Un formulario corto o un teléfono para quien no quiere usar WhatsApp, por ejemplo empresas con políticas de comunicación formal.
• Tu horario de atención visible junto al botón, para que nadie espere una respuesta inmediata a medianoche.

Si usas landing pages para anuncios, el diseño cambia: ahí WhatsApp suele ser la acción principal y todo el embudo gira en torno a él. Lo explicamos en landing pages para WhatsApp: el embudo que funciona en Perú.

El mensaje prellenado: tu mejor herramienta de atribución

Cuando un cliente te escribe «Hola», no sabes si vino de Google, de un anuncio de Instagram o de la ficha de un producto. WhatsApp no le pasa a tu web, ni a Google Analytics, lo que pasa después del clic: el enlace no lleva parámetros de seguimiento al chat. Por eso, el mensaje prellenado debe hacer ese trabajo.

Arma un mensaje por página con esta estructura: saludo + qué quiere + un código corto de origen. Ejemplos ilustrativos:

• Ficha de producto: «Hola, quiero información sobre la silla ergonómica modelo Pro (web-PR12)».
• Página de servicio: «Hola, quiero cotizar mantenimiento de aire acondicionado (web-serv)».
• Landing de Google Ads: «Hola, vi su anuncio y quiero cotizar una mudanza (gads-mud)».

El código entre paréntesis le dice a tu vendedor de dónde viene el contacto. Si en WhatsApp Business usas etiquetas, puedes marcar cada chat con su origen y, al final del mes, contar cuántas ventas vinieron de la web, de Google Ads o de redes. Es manual, pero es la única forma de cruzar el clic con la venta sin una integración más compleja.

Si vendes con WooCommerce, los plugins de «pedir por WhatsApp» arman el mensaje automáticamente con el producto, la variante, la cantidad y el enlace. Revisa cómo hacerlo en cómo conectar WooCommerce con WhatsApp para vender.

El catálogo: en la web, en WhatsApp o en ambos

WhatsApp Business permite crear un catálogo dentro de la app, con foto, nombre, precio, descripción y enlace a cada producto. Es útil para que el vendedor comparta productos sin salir del chat. Pero no reemplaza tu web: el catálogo de WhatsApp no aparece en Google, no lo encuentra alguien que todavía no te conoce y depende de las reglas de Meta.

La estrategia que mejor funciona combina ambos:

• La web es el catálogo maestro: todos los productos, con fichas completas, que posicionan en Google y muestran precio, stock y condiciones.
• El catálogo de WhatsApp lleva los productos que más se consultan, cada uno con el enlace a su ficha en la web.
• Los enlaces de la web que se comparten por WhatsApp muestran una vista previa con imagen, nombre y precio si la ficha tiene bien configuradas las etiquetas Open Graph. Lo explicamos en Open Graph de producto: vistas previas que venden en WhatsApp.

Si tu negocio es mayorista o trabaja con cotizaciones en lugar de carrito, el modelo de catálogo web con botón de cotización por WhatsApp suele ser el más eficiente; tienes una guía específica sobre el catálogo con cotización por WhatsApp para mayoristas.

Medir los clics de WhatsApp en Google Analytics 4

Este es el paso que casi todas las webs olvidan. Sin medición, verás en GA4 muchas visitas y pocos formularios, y concluirás que la web no vende, cuando en realidad los clientes se fueron a WhatsApp. La forma más ordenada de medirlo es con Google Tag Manager:

1. Activa las variables de clic en Google Tag Manager (Click URL, Click Text, Page Path).
2. Crea un activador de tipo «Clic: solo enlaces» que se dispare cuando la Click URL contenga wa.me o api.whatsapp.com.
3. Crea una etiqueta de evento de GA4 con un nombre como whatsapp_click y parámetros como la página (page_path) y la ubicación del botón (flotante, ficha, servicio).
4. Publica y prueba con el modo de vista previa de Tag Manager y el informe DebugView de GA4.
5. Marca el evento como evento clave en GA4. Desde 2024, Google Analytics llama «eventos clave» a lo que antes eran «conversiones»; el término «conversión» quedó para lo que importas a Google Ads.

Si quieres distinguir el botón flotante de los botones del contenido, agrega una clase CSS distinta a cada tipo de botón y úsala como condición o parámetro. Así sabrás qué ubicación funciona mejor. Para el detalle de la configuración, revisa nuestra guía de Google Tag Manager con GA4 y conversiones.

Qué mirar cada mes

• Clics en WhatsApp por página: qué páginas generan conversaciones.
• Clics por fuente o medio: orgánico, Google Ads, redes, directo.
• Clics por dispositivo: lo normal es que la gran mayoría venga del celular.
• La relación entre clics y conversaciones reales: si en GA4 tienes 200 clics y en WhatsApp solo 80 chats nuevos, mucha gente abre el chat y no escribe. Revisa el mensaje prellenado y el horario.

Un clic no es una venta. Por eso, cruza mensualmente los clics de GA4 con las etiquetas de origen en WhatsApp Business y con tus ventas cerradas.

Responder a tiempo: donde realmente se pierden clientes

El botón de WhatsApp crea una expectativa de respuesta rápida. Si el cliente escribe y nadie contesta en horas, le escribe a tu competidor desde el mismo buscador. Algunas reglas básicas:

• Mensaje de bienvenida automático que confirme que recibiste el mensaje y diga en cuánto tiempo responderás.
• Mensaje de ausencia fuera de horario, con la hora en que retomarás la atención.
• Respuestas rápidas guardadas para las preguntas frecuentes: precios, horarios, zonas de delivery, medios de pago.
• Un responsable por turno. Si varios vendedores atienden, la app permite vincular varios dispositivos a la misma cuenta; si el volumen crece mucho, conviene pasar a la API con una bandeja compartida.
• Medios de pago claros: en Perú el cliente espera poder pagar con Yape o Plin, además de transferencia o tarjeta. Según la Cámara de Comercio de Lima, las billeteras digitales ya eran el medio de pago preferido del 18.4 % de los compradores online.

Cuando el volumen de consultas supera lo que tu equipo puede responder, un asistente con IA puede atender las preguntas repetitivas y pasar al vendedor los contactos listos para comprar. Si estás evaluando esa opción, revisa cómo crear un chatbot con IA para WhatsApp Business.

Datos personales y mensajes de marketing

Cuando alguien te escribe por WhatsApp, obtienes su número, su nombre y, a veces, más datos. Eso es tratamiento de datos personales según la Ley 29733 y su reglamento, aprobado por el Decreto Supremo 016-2024-JUS. Responder la consulta que el cliente inició está dentro de lo que espera. Enviarle después promociones o agregarlo a listas de difusión es otro uso, y para eso necesitas su consentimiento.

En la práctica: menciona WhatsApp en tu política de privacidad, pide permiso antes de enviar ofertas («¿Te gustaría recibir nuestras promociones por este medio?») y respeta a quien diga que no. Además, Meta tiene sus propias políticas de uso para cuentas de empresa y puede limitar las cuentas que reciben muchos reportes de spam.

Cuándo pasar de la app a la API de WhatsApp

La app WhatsApp Business es gratuita y suficiente para la mayoría de MYPEs. La WhatsApp Business Platform (la API) cobra por mensaje según las tarifas que publica Meta y normalmente requiere un proveedor que también cobra una mensualidad. Conviene evaluarla si:

• Tienes varios vendedores que necesitan atender desde una misma bandeja con historial.
• Quieres conectar WhatsApp con tu CRM o con WooCommerce para enviar confirmaciones de pedido automáticas.
• Necesitas un chatbot que responda fuera de horario.
• Recibes tantas consultas que el celular ya no da abasto.

Si llegas a ese punto, en conectar tu landing page con WhatsApp Business API explicamos la integración paso a paso.

Errores comunes con el botón de WhatsApp

• El botón tapa otros botones en el celular: el de «Agregar al carrito», el de aceptar cookies o el menú.
• Un solo mensaje prellenado para toda la web, que no dice qué producto o servicio interesa.
• Número personal del dueño en lugar de una línea de empresa: cuando el dueño cambia de número o se va de vacaciones, el canal se cae.
• Varios plugins de WhatsApp a la vez, o uno pesado que carga scripts en todas las páginas y hace más lenta la web.
• No medir los clics como evento clave en GA4.
• Prometer atención 24/7 cuando nadie responde de noche.

WhatsApp bien integrado desde el diseño

Integrar WhatsApp no es pegar un ícono: es decidir en qué páginas aparece, qué mensaje envía, cómo se mide y quién responde. En KOM diseñamos webs WordPress con WhatsApp, Google Tag Manager y Google Analytics 4 configurados desde el inicio, para que sepas qué páginas generan conversaciones. Los planes van desde S/ 1,250 + IGV (Plan Profesional) hasta S/ 2,250 + IGV (Plan Corporativo). Conoce los detalles en diseño web.

Este contenido es informativo y no reemplaza la asesoría legal o tributaria.

Preguntas frecuentes

¿El botón de WhatsApp hace más lenta mi página web?

Un enlace wa.me simple no pesa nada. Lo que puede hacer lenta la web es un plugin que carga scripts, fuentes e imágenes en todas las páginas o que muestra ventanas animadas. Elige un plugin liviano, revisa la velocidad en PageSpeed Insights antes y después de instalarlo y evita tener dos plugins de WhatsApp activos al mismo tiempo.

¿Puedo poner varios números de WhatsApp en mi web?

Sí. Muchos plugins permiten mostrar varios agentes, por ejemplo ventas, soporte y una sede en provincia, cada uno con su horario. Conviene cuando los equipos son distintos y cada uno responde su línea. Si un solo equipo atiende todo, mejor un único número para que el cliente no se confunda ni escriba a una línea que nadie revisa.

¿Qué pasa si el cliente no tiene WhatsApp instalado en la computadora?

El enlace wa.me abrirá una página de WhatsApp que ofrece usar WhatsApp Web o descargar la aplicación. Muchos clientes en escritorio no tienen sesión abierta y abandonan en ese paso. Por eso conviene mostrar también un formulario o un teléfono junto al botón, sobre todo en webs B2B, donde buena parte del tráfico llega desde computadoras de oficina.

¿Cómo sé cuántas ventas vienen del botón de WhatsApp?

Google Analytics 4 te dice cuántos clics hubo, desde qué página y fuente, pero no qué pasó en el chat. Para llegar a la venta, usa mensajes prellenados con un código de origen, marca cada conversación con una etiqueta en WhatsApp Business y, al cierre del mes, cuenta las ventas por etiqueta. Con una integración de API y CRM ese registro se automatiza.

¿Puedo cobrar dentro de WhatsApp?

En Perú, la forma habitual es enviar por el chat un enlace de pago de tu pasarela, un código QR de Yape o Plin, o los datos para transferencia. Lo importante es emitir el comprobante electrónico correspondiente y registrar el pedido. Si vendes con frecuencia, es más ordenado enviar al cliente el enlace del producto en tu tienda para que pague allí.