Cómo agregar WhatsApp a WordPress: botón flotante, botón en la página, ícono, menú y código QR
WordPress · Publicado el 7 de octubre de 2026 · 8 min de lectura · Por Alejandro Díaz, CEO de Agent IA SAS
Para agregar WhatsApp a WordPress, primero arma tu enlace de clic para chatear, que es https://wa.me/ seguido de tu número en formato internacional, solo con dígitos, y después ponlo donde el visitante lo vea: como botón flotante en todas las páginas, como botón dentro de una página con el bloque Botones, como ícono con el bloque Iconos sociales o como opción del menú. Para quien te visita desde el computador, suma un código QR.
Nada de eso exige un plugin: los bloques de WordPress y un código de copiar y pegar bastan. Un plugin tiene sentido cuando quieres algo más que un enlace, como un chat que responda dentro de tu web. Aquí verás cada método paso a paso, mensajes predefinidos para cada página, los errores que rompen el enlace y quién responde cuando el cliente escribe.
Prueba el agente ahora por WhatsApp Escríbenos y te responde el mismo agente, sin formularios.
Paso 1: arma tu enlace de WhatsApp
Todo empieza por el enlace de clic para chatear. Según el centro de ayuda de WhatsApp, el formato es https://wa.me/ seguido del número completo en formato internacional, sin ceros iniciales, paréntesis ni guiones. Para que el chat se abra con un texto ya escrito se agrega ?text= y el mensaje codificado para URL. Funciona en el celular y en WhatsApp Web.
Un ejemplo con un celular de España, cuyo código de país es 34: https://wa.me/34612345678?text=Hola%2C%20vengo%20de%20su%20web. En México el código es 52 y en Argentina, 54, con un 9 delante del número de celular. Para no codificar el texto a mano, usa el generador de links de WhatsApp: eliges el país, escribes el número y el mensaje, y copias el enlace.
Método 1: botón flotante en todas las páginas
El botón verde fijo en una esquina es la forma más visible: acompaña al visitante mientras baja por la página. Con nuestro generador de botón de WhatsApp para web eliges número, mensaje, texto, color y lado de la pantalla, y copias un código que no carga scripts. Para que aparezca en todo el sitio, pégalo en una zona que se repita en todas las páginas:
- Tema de bloques: en Apariencia, Editor, abre Patrones y la parte de plantilla del pie de página. Agrega un bloque HTML personalizado, pega el código y guarda. Lo que cambias en una parte de plantilla se aplica en todas las plantillas que la usan.
- Tema clásico: en Apariencia, Widgets, agrega un bloque HTML personalizado en una zona del pie, si tu tema la tiene.
- Cualquier tema: un plugin para insertar código en el encabezado y el pie, con el código en la sección del pie.
- Hazlo con un usuario administrador: el bloque HTML personalizado limpia el código de quienes no tienen permiso para HTML sin filtrar, como los colaboradores.
- Revisa en el celular que el botón no tape el aviso de cookies, el carrito o la burbuja de otro chat.
Método 2: botón dentro de la página con el bloque Botones
Un botón dentro del contenido funciona como llamada a la acción en puntos concretos: debajo del titular, al final de la tabla de precios o al cierre de una página de servicio. Agrega el bloque Botones con el botón + del insertador de bloques, escribe el texto, por ejemplo «Cotizar por WhatsApp», y con la opción de enlace de la barra de herramientas pega tu enlace wa.me. El mismo control permite abrirlo en una pestaña nueva, útil para quien navega desde el computador.
Usa un mensaje predefinido distinto en cada página y repite el botón al final del contenido para quien llega hasta abajo.
Método 3: ícono de WhatsApp con el bloque Iconos sociales
El bloque Iconos sociales incluye WhatsApp entre sus servicios. Agrégalo en el pie o en el encabezado, pulsa el botón más (+), busca WhatsApp, haz clic en el ícono y pega tu enlace wa.me en el campo de dirección. En la configuración del bloque puedes mostrar el texto junto al ícono y hacer que los enlaces se abran en una pestaña nueva.
Es discreto, así que no lo uses como única vía: un ícono pequeño junto a los de Instagram y Facebook no compite con un botón con texto. Sirve para dar coherencia al pie del sitio.
Método 4: WhatsApp en el menú y en la página de contacto
En un tema de bloques, el bloque Navegación permite añadir un enlace personalizado: agrégalo con el texto «WhatsApp» o «Escríbenos» y pega el enlace wa.me. En los temas clásicos, entra en Apariencia, Menús, abre la sección de enlaces personalizados, pega el enlace, escribe la etiqueta y añádelo al menú.
En la página de contacto, además del botón, escribe el número completo como texto y el horario en que respondes, por ejemplo: «WhatsApp +34 612 345 678, de lunes a sábado de 8 a. m. a 6 p. m.». Así también puede escribirte quien no logra abrir el enlace.
Método 5: código QR para quien te visita desde el computador
En el computador, el enlace abre el chat en WhatsApp Web, pero muchas personas prefieren seguir la conversación en el celular. Un código QR con tu enlace lo resuelve: lo escanean con la cámara y el chat se abre en su teléfono. Ponlo en la página de contacto o junto al formulario.
Puedes crearlo con nuestro generador de código QR de WhatsApp, que lo descarga en PNG y SVG, o desde la app WhatsApp Business: en Herramientas, la opción de link corto incluye un código QR y te deja definir un mensaje predeterminado. El mismo QR sirve para empaques, vitrina y tarjetas.
Un mensaje predefinido para cada página
El mensaje predefinido es lo primero que tu equipo lee, y puede decirte de dónde viene el cliente sin preguntarlo. Usa uno distinto en las páginas importantes y escríbelo como lo diría el cliente: en primera persona y corto, para que no le dé pena enviarlo.
| Página | Mensaje predefinido | Qué te dice |
|---|---|---|
| Inicio | «Hola, vengo de su página web y tengo una pregunta» | Contacto general desde la web |
| Servicio | «Hola, quiero cotizar el mantenimiento preventivo» | Servicio de interés |
| Precios | «Hola, vi los planes y quiero saber cuál me conviene» | Está comparando: responde con preguntas para recomendar |
| Producto | «Hola, me interesa la silla ergonómica gris, ¿hay disponibilidad?» | Producto exacto |
| Landing de campaña | «Hola, vengo por la promoción de octubre» | Campaña que lo trajo |
| Contacto | «Hola, quiero hablar con un asesor» | Quiere una persona |
Botón, plugin de botón o chat con IA: qué elegir
Hay tres caminos y no se excluyen. El botón por código es el más liviano. Un plugin de botón de WhatsApp suele agregar opciones desde el escritorio, como horarios o varios números, pero es un plugin más que mantener al día. Un chat con IA cambia la lógica: la conversación ocurre dentro de tu web y el visitante no tiene que salir. En sitios de servicios es común combinar el chat para las dudas con el botón para quien ya quiere hablar con una persona, cada uno en una esquina distinta.
| Botón por código | Plugin de botón | Chat con IA en el sitio | |
|---|---|---|---|
| Dónde conversa el cliente | En WhatsApp | En WhatsApp | En tu web, sin salir de ella |
| Quién responde | Quien atienda tu WhatsApp | Quien atienda tu WhatsApp | Un agente con la información de tu negocio, a cualquier hora |
| Qué dato obtienes | El número del cliente | El número del cliente | Nombre y correo, con la conversación |
| Mantenimiento | Cambiar el número si cambia | Actualizar el plugin | Actualizar el plugin y la información del agente |
Errores que rompen el enlace o espantan al cliente
Antes de publicar, toca cada botón desde un celular y desde un computador. Estos son los fallos más comunes:
- Escribir el número con +, espacios, guiones o el cero de larga distancia: el enlace puede no abrir el chat correcto.
- Olvidar el código de país al copiar el número tal como lo marcas localmente.
- Pegar un mensaje con espacios y tildes sin codificar; los generadores lo hacen por ti.
- Usar un número personal que nadie atiende en horario laboral o que cambia cuando cambia el empleado.
- Prometer respuesta inmediata y contestar al día siguiente: si no atiendes de noche, dilo junto al botón.
Quién responde cuando el cliente escribe
El botón solo abre el chat; lo que define si ganas el cliente es la respuesta. Con la app WhatsApp Business responde tu equipo desde el celular. Con la API oficial de WhatsApp Business, un agente de IA puede responder a cualquier hora, y con la coexistencia el número sigue también en la app.
En SoyAgentia, proveedor tecnológico autorizado por Meta, el agente de IA para WhatsApp responde con tu información, busca en tu catálogo, agenda en Google Calendar, registra pedidos y transfiere a una persona con aviso; si respondes desde el celular, la IA se pausa dos horas en ese chat. Si prefieres que la conversación ocurra en tu web, el agente de IA para WordPress se instala con el plugin Agentia Chat, guarda nombre y correo de cada visitante en el CRM y, si lo indicas en sus instrucciones, comparte tu WhatsApp. No se conecta con WooCommerce y su bandeja es de solo lectura.
Sigue leyendo
- Agentes de IA para WordPress
- Botón de WhatsApp para página web
- Chat en vivo para WordPress
- Chatbot para WordPress con IA
- Formulario de contacto en WordPress
- Cómo mejorar tu página web
Preguntas frecuentes
¿Puedo poner dos números de WhatsApp distintos en mi página web?
Sí. Cada enlace wa.me apunta a un solo número, así que puedes poner un botón para ventas y otro para soporte, o uno por sede, cada uno con su mensaje predefinido. Evita dos botones flotantes a la vez: compiten entre sí y tapan contenido en el celular. Una opción ordenada es un botón flotante con el número principal y, en la página de contacto, los demás números con el área o la ciudad que atiende cada uno.
¿Puedo mostrar el botón de WhatsApp solo en el horario de atención?
El botón generado por código y los enlaces de los bloques se ven siempre; ocultarlo por horario requiere programación o un plugin con esa opción. Antes de complicarte, piensa si conviene: quien escribe de noche igual quiere dejar su mensaje. Suele ser más útil mostrar el horario junto al botón, configurar un mensaje de ausencia en la app WhatsApp Business o conectar un agente de IA que responda fuera de horario con la información de tu negocio.
¿Qué número conviene poner en la web, el personal o uno de empresa?
Uno de empresa. El número de la web queda en buscadores, tarjetas y empaques, y no debería depender de una persona: si quien lo usa se va o cambia de teléfono, pierdes las conversaciones y los clientes que lo tienen guardado. Usa una línea dedicada con WhatsApp Business y, si varias personas atienden, considera la API de WhatsApp Business con una plataforma que reparta los chats de un mismo número entre asesores desde un panel.
¿Cómo agrego WhatsApp a una tienda hecha con WooCommerce?
Con los mismos métodos: botón flotante en el pie, ícono en el encabezado y, en la descripción de los productos clave, un botón del bloque Botones con un mensaje que nombre el producto, como «Hola, me interesa la silla ergonómica gris». Así tu equipo responde sin preguntar de qué se trata. Ten en cuenta que el chat con IA de SoyAgentia para WordPress no se conecta con WooCommerce: no lee tu catálogo ni tus pedidos, y responde con la información que cargas en su panel.
¿El ícono de WhatsApp del bloque Iconos sociales abre el chat directamente?
Solo si le pones un enlace de clic para chatear. El bloque agrega el ícono, pero la dirección la escribes tú: pega https://wa.me/ con tu número en formato internacional y, si quieres, el parámetro text con un mensaje. Si pegas solo el número, WordPress le antepone https:// porque lo trata como una dirección web, y el enlace no lleva a WhatsApp. Después de guardar, pruébalo desde el celular.
¿Puedo saber desde qué página me escribió cada cliente por WhatsApp?
Sí, con un mensaje predefinido distinto en cada página: si el chat empieza con «vengo de la página de precios», sabes de dónde viene. No es infalible, porque el cliente puede borrar o cambiar el texto antes de enviarlo. Para completar el dato, mide en tu herramienta de analítica los clics en enlaces que empiezan por https://wa.me/ en cada página y compáralos con las conversaciones que recibes cada semana.