1. Inicio
  2. Blog
  3. Diseño web
  4. Cómo poner WhatsApp en mi página web: 6 formas de integrarlo
Diseño web11 sep 2026·3 min de lectura

Cómo poner WhatsApp en mi página web: 6 formas de integrarlo

Formas de integrar WhatsApp a tu página web: botón flotante, enlace con mensaje listo, botones por servicio, catálogo, código QR y WhatsApp Business.

Equipo CytioPublicado el
Mano sosteniendo un celular con el menú rápido de WhatsApp abierto en la pantalla

En Colombia, WhatsApp es la forma más natural de hablar con un negocio. Por eso, una página web sin WhatsApp es como una tienda sin puerta: la gente mira, pero no sabe cómo entrar.

Integrar WhatsApp a tu página es más fácil de lo que parece, y hay varias formas de hacerlo. En esta guía te mostramos las seis más útiles, para qué sirve cada una y cómo combinarlas.

La base de todo: el enlace de WhatsApp

Todas las formas de integrar WhatsApp parten de un enlace especial:

https://wa.me/57XXXXXXXXXX

Donde 57 es el código de Colombia y luego va tu número de celular, sin espacios ni signos. Cuando alguien toca ese enlace, se abre un chat contigo, en el celular o en el computador.

Con mensaje listo

Puedes agregar un mensaje que aparece escrito automáticamente:

https://wa.me/57XXXXXXXXXX?text=Hola,%20quiero%20información

Los espacios se escriben como %20. Así el cliente no tiene que pensar qué escribir, y tú sabes desde el primer mensaje qué necesita.

1. Botón flotante

Es el ícono de WhatsApp que se queda en una esquina de la pantalla mientras la persona recorre la página.

  • Ventaja: siempre está a la vista, en cualquier sección.
  • Ideal para: casi cualquier negocio.
  • Consejo: que no tape contenido importante en el celular, y que se vea bien sobre cualquier fondo.

En nuestro propio sitio, el botón flotante muestra de vez en cuando una frase corta según la página que estás viendo, para invitar a escribir sin ser invasivo.

2. Botones dentro del contenido

Además del flotante, pon botones de WhatsApp en los lugares donde la persona decide: después de explicar un servicio, junto a los precios o al final de la página.

  • Ventaja: aparecen justo en el momento en que el cliente está convencido.
  • Consejo: usa textos claros, como "Cotizar por WhatsApp" o "Preguntar disponibilidad".

3. Un mensaje distinto para cada servicio o producto

Si tienes varios servicios, cada botón puede llevar su propio mensaje:

  • En la página de diseño: "Hola, quiero cotizar una página web".
  • En la página de mantenimiento: "Hola, necesito mantenimiento para mi sitio".
  • Ventaja: sabes de inmediato qué le interesa al cliente, sin preguntar.
  • Ideal para: negocios con varios servicios o tiendas con muchos productos.

4. Pedidos armados en la página

En una tienda o un catálogo, el cliente elige productos en tu página y, al final, un botón le arma el mensaje con todo el pedido: productos, cantidades y total. Así tú recibes el pedido completo en un solo mensaje.

  • Ideal para: restaurantes, catálogos y tiendas que cierran la venta por WhatsApp.

5. Código QR

Un código QR que abre el chat de WhatsApp se puede poner en tu local, en tus empaques, en volantes o en tarjetas de presentación. También puedes poner en tu página un QR para quienes la ven desde el computador y prefieren escribir desde el celular.

6. WhatsApp Business conectado a tu página

Si usas WhatsApp Business, la aplicación gratuita para negocios, aprovecha para:

  • Poner el enlace a tu página en tu perfil.
  • Crear tu catálogo de productos o servicios.
  • Configurar un mensaje de bienvenida y uno de ausencia fuera del horario.
  • Usar respuestas rápidas para las preguntas frecuentes.

Para negocios con muchos mensajes existe además la plataforma de WhatsApp Business para empresas, con atención de varios agentes y respuestas automáticas. Tiene costos y requisitos, así que conviene evaluarla cuando el volumen lo justifique.

Errores comunes

  • Poner el número sin el código 57. El enlace no funciona.
  • Usar un número personal y mezclar clientes con familia.
  • No responder a tiempo. Un botón de WhatsApp promete respuesta rápida.
  • Poner solo el ícono, sin texto. En los botones dentro del contenido, un texto claro convierte más.
  • No medir los clics. Sin datos no sabes cuántos clientes te llegan desde la página.

Cómo medir los clics en WhatsApp

Con Google Analytics puedes contar cuántas personas tocan tus botones de WhatsApp y desde qué página. Así sabes qué secciones traen más conversaciones. Te explicamos qué medir en nuestra guía sobre mediciones en una landing page.

Conclusión

Poner WhatsApp en tu página web es sencillo: todo parte de un enlace con tu número y un mensaje listo. Combina un botón flotante, botones dentro del contenido con mensajes por servicio y, si vendes productos, pedidos armados en la página.

Todos nuestros planes incluyen WhatsApp integrado en la página, con mensajes listos. Revisa los planes o escríbenos. Y si quieres ir más allá, te puede servir nuestra guía para sacarle provecho a WhatsApp en tu página web.

Equipo Cytio

Estrategia, diseño y desarrollo web para negocios en Colombia. Conoce al equipo o escríbenos si quieres ayuda con tu sitio.

¿Te sirvió? Hagamos tu sitio.

Cuéntanos de tu negocio y en menos de 24 horas te enviamos una propuesta con precio cerrado.