Cómo añadir un botón de Whatsapp a tu WordPress (con y sin plugin)

Añadir un botón de WhatsApp a tu web facilita que los usuarios contacten contigo en un clic, mejora la conversión en páginas de servicios y reduce fricción en atención al cliente. En WordPress, la forma más rápida y estable de implementarlo es con el plugin Click to Chat (HoliThemes), con más de 600.000 instalaciones activas y actualizaciones frecuentes.

A continuación verás varias opciones para añadir WhatsApp y, después, el paso a paso utilizando el plugin Click to Chat (versión gratuita).

Opciones para añadir WhatsApp en WordPress (visión general)

1. Enlace manual “wa.me”
   Puedes crear un enlace que abra directamente un chat, con o sin mensaje pre-rellenado (formato internacional sin “+”, mensaje URL-encoded).
   Ejemplo: https://wa.me/34600111222?text=Estoy%20interesado%20en%20el%20servicio
2. En móviles abre la app; en escritorio abre WhatsApp Desktop o web.whatsapp.com.
3. Plugins específicos (recomendado)
   El plugin Click to Chat añade un botón, estilos predefinidos, mensajes pre-rellenos y shortcodes, y gestiona correctamente la apertura en móvil y escritorio.

Requisitos previos

• Número de WhatsApp en formato internacional (ej.: 34XXXXXXXXX).
• Decidir mensaje pre-relleno (puedes incluir variables dinámicas como el título y la URL de la página).
• Saber dónde lo mostrarás: flotante en toda la web, en páginas concretas, dentro del contenido con shortcode, etc.

Instalación del plugin “Click to Chat” (gratis)

1. En tu WordPress, ve a Plugins > Añadir nuevo.
2. Busca “Click to Chat – HoliThemes”.
3. Instalar y Activar.
4. Verás un nuevo menú Click to Chat en el lateral del escritorio.

Configuración esencial (5 minutos)

1) Añade tu número y mensaje pre-relleno

• En Click to Chat, introduce tu número en formato internacional.
• En Pre-filled Message, define el texto que aparecerá automáticamente en el chat. Puedes usar variables:
  • {site} → título del sitio{title} → título de la página{url} o [url] → URL de la página (con o sin parámetros)
    Ejemplo de mensaje:

  Hola {site}, me interesa "{title}". Te escribo desde {url} Estas variables ayudan a identificar desde qué página te contactan.

2) Elige el estilo y la posición del botón

• El plugin ofrece 8 estilos predefinidos y permite posicionar el botón en diferentes lugares de la pantalla (flotante, fijo, etc.), con opciones distintas para móvil y escritorio. Ajusta el diseño a tu marca.

3) Comportamiento en móvil y escritorio

• Móvil: se abre la app de WhatsApp.
• Escritorio: se abre WhatsApp Desktop o web.whatsapp.com. No necesitas configurar nada extra.

4) Guardar y probar

• Guarda cambios y prueba en una ventana de incógnito, en móvil y ordenador. Limpia la caché si usas plugin/servidor con caché.

Insertar el botón dentro de una página o entrada (shortcode)

Además del botón flotante, puedes insertar un botón de WhatsApp dentro del contenido con el bloque “Shortcode” de Gutenberg.
Shortcode básico:

[ht-ctc-chat]

Atributos útiles (sobrescriben la configuración global de la pestaña principal):

[ht-ctc-chat number=34600111222
             call_to_action="Habla por WhatsApp"
             pre_filled="Hola {site}, consulto desde {title} {url}"
             style=5]

Los estilos 5 y 8 tienen atributos específicos (ancho, icono, etc.).

Opciones extra útiles (gratis)

• Botón para “Grupo” y “Compartir”: puedes añadir un botón para un grupo de WhatsApp (ID del grupo) o para compartir una página por WhatsApp. Útil para comunidades o difusión de contenidos.
• Eventos de Analytics y Meta Pixel: el plugin puede disparar un evento cuando se hace clic en el botón (si ya tienes GA/Pixel instalado). En la versión gratuita están disponibles variables como número/título/URL; _ga y gclid son de la versión Pro.

Nota: Si usas WooCommerce, puedes personalizar el mensaje pre-relleno para páginas de producto (incluyendo título/URL del producto) y ubicar el botón en fichas.

Buenas prácticas de UX, SEO y legal

• Llamada a la acción clara: evita “Genérico”. Mejor “Resuelve tus dudas por WhatsApp” o “Pide presupuesto ahora”.
• Horarios: si no atiendes 24/7, indícalo cerca del botón o en el propio mensaje pre-relleno. (La versión Pro ofrece reglas de horario y otras funciones avanzadas).
• Privacidad y consentimiento: incluye esta vía de contacto en tu política de privacidad. Si lo necesitas, activa el Opt-in para que el usuario acepte antes de iniciar el chat.
• Medición: verifica en GA/Pixel los eventos de clic para saber qué páginas generan más conversaciones.

Solución de problemas comunes

• No abre en escritorio: asegúrate de tener instalado WhatsApp Desktop; si no, el navegador abrirá web.whatsapp.com (revisa bloqueadores de ventanas emergentes).
• El botón no aparece: revisa caché (plugin/servidor/CDN) y conflictos con el tema. Desactiva temporalmente minificación/agregado de JS para descartar choques.
• El mensaje sale “raro”: respeta el formato de variables ({site}, {title}, {url}) y evita saltos de línea excesivos. Para enlaces manuales, recuerda URL-encode del texto.
• Versiones y compatibilidad: mantén el plugin actualizado (comprueba versión, últimas mejoras, p. ej., soporte para canales en 4.26).

Paso a paso resumido (checklist)

1. Instalar y activar “Click to Chat – HoliThemes”.
2. Número en formato internacional y pre-filled message con variables.
3. Elegir estilo/posición (flotante o embebido).
4. Shortcode opcional dentro de páginas/entradas.
5. Probar en móvil y escritorio; limpiar caché.
6. (Opcional) Eventos GA/Meta Pixel; Opt-in si aplica.

¿Cuándo considerar la versión Pro?

Si necesitas horarios, selección aleatoria de números (multi-agente), saludos avanzados o reglas de visibilidad más finas, la versión Pro añade estas funciones (pago único con actualizaciones).

Con Click to Chat puedes añadir un botón de WhatsApp en minutos, mantener el diseño alineado a tu marca, medir clics y mejorar la conversión de tu web. Es una solución estable, compatible con móvil y escritorio y con un flujo de configuración muy sencillo.

Si prefieres que lo dejemos listo por ti, en arreglotuweb.com nos encargamos de la configuración, diseño del botón, mensajes y medición de conversiones.

Añadir WhatsApp puede parecer sencillo, pero conviene relacionarlo con el diagnóstico de problemas de envío y comunicación, con una lectura básica de analítica web y con una guía para resolver incidencias críticas. Si quieres implementarlo con criterio técnico, aquí tienes nuestros servicios.