Cómo añadir un chat de contacto en WordPress sin programar

WordPress es el sistema con el que se hacen muchas de las webs de pequeños negocios en España. Si la tuya es una de ellas, añadir un chat de contacto es más fácil de lo que parece: no hace falta tocar el tema, ni saber programar, ni invocar a tu sobrino el informático. En esta guía verás qué tipo de chat te conviene, las dos formas de ponerlo y los errores más comunes.

Qué tipo de chat necesitas

Cuando se habla de «chat en la web» se mezclan tres cosas distintas:

Chat en directo: una persona contesta en tiempo real. Es estupendo si tienes a alguien pendiente todo el día; si no, el cliente escribe, nadie responde y se va con peor impresión que si no hubiera chat.
Botón de WhatsApp: abre una conversación en tu WhatsApp. Es cómodo, pero el cliente escribe «hola, info» y empiezas un intercambio de mensajes para sacarle los datos.
Chat que recoge datos: hace al cliente las preguntas que necesitas (qué quiere, cuándo, su teléfono, una foto si hace falta) y te lo manda todo junto. Nadie tiene que estar pendiente y tú contestas cuando puedes, con toda la información.

Para un negocio pequeño, el tercer tipo suele ser el que mejor funciona, porque no depende de que estés delante del ordenador. Es lo que hace Kaptabot.

Antes de empezar

Comprueba dos cosas:

Que puedes instalar plugins. Si tu web está alojada por tu cuenta o en un hosting (lo que se suele llamar WordPress.org), puedes. Si usas WordPress.com, los plugins y el código propio solo están disponibles en los planes de pago; en el gratuito tendrás que poner un botón o un enlace al chat.
Que tienes acceso de administrador. Si la web te la lleva otra persona, puedes enviarle el código y las instrucciones por email; Kaptabot tiene un botón para hacerlo.

Forma 1: burbuja de chat en todas las páginas

Es la opción recomendada: aparece un botón redondo en la esquina de todas las páginas y, al pulsarlo, se abre el chat. Para pegar el código sin tocar el tema se usa un plugin que añade código al pie de la web. Uno muy usado es WPCode (antes «Insert Headers and Footers»).

En el escritorio de WordPress ve a Plugins → Añadir nuevo.
Busca WPCode, pulsa Instalar y después Activar.
Ve a Code Snippets → Header & Footer.
Pega el código de la burbuja en el recuadro Footer y pulsa Guardar cambios.
Abre tu web en otra pestaña (mejor en una ventana privada) y comprueba que aparece la burbuja.

Si usas otro plugin parecido, el proceso es el mismo: busca la opción para añadir código en el pie (footer) de todas las páginas. Los nombres de los menús pueden cambiar con las versiones del plugin.

Forma 2: el chat dentro de una página

Si prefieres que el chat esté solo en tu página de contacto, como si fuera un formulario:

Edita la página con el editor de bloques.
Pulsa el botón + y añade el bloque HTML personalizado.
Pega el código del chat dentro de una página y pulsa Actualizar.

Esta forma funciona también si tu tema no te deja añadir cosas al pie. Si usas un constructor visual como Elementor o Divi, busca su elemento de «HTML» o «código» y pega ahí el mismo código.

Errores habituales

No se ve la burbuja: muchas webs tienen un plugin de caché. Vacía la caché desde el plugin o desde tu hosting y vuelve a mirar.
Se ve en el ordenador pero no en el móvil: algunos temas tienen una versión móvil distinta o un plugin que la sustituye. Revisa si ese plugin permite código en el pie.
Aparecen dos burbujas: has pegado el código dos veces, por ejemplo en el plugin y en el tema. Deja solo uno.
El plugin de cookies lo bloquea: si tu banner de cookies bloquea scripts de terceros hasta que el visitante acepta, revisa su configuración. Un chat que solo recoge lo que el cliente escribe no suele necesitar cookies de publicidad, pero la decisión de cómo clasificarlo es tuya.

¿Y un formulario de contacto de toda la vida?

Plugins como Contact Form 7 o WPForms siguen siendo una buena opción para un formulario corto. La diferencia de un chat está en el móvil: en lugar de una lista larga de campos, el cliente ve una pregunta cada vez, con botones, y termina más a menudo. Además, puede adjuntar fotos sin que tengas que configurar nada.

Qué hacer después de ponerlo

Pruébalo tú: haz una solicitud de prueba y mira cómo te llega el email.
Activa los avisos en el móvil para enterarte al momento.
Enlázalo: añade un botón «Pide presupuesto» o «Pide cita» en la portada que abra el chat o lleve a la página donde está.

Empieza hoy

Con Kaptabot tienes el código para WordPress listo en unos minutos, con las preguntas de tu sector y sin programar. Crea tu chat gratis.