Un chatbot de atención al cliente con inteligencia artificial en tu web WordPress puede reducir consultas repetitivas, ofrecer soporte 24/7 y mejorar la experiencia de tus usuarios.

Aquí tienes una opciones para que puedas añadirlo sin programar una sola línea de código, o si lo prefieres, crear uno básico con un poco de HTML y JavaScript.

Pero antes…

Índice de contenidos

¿Por qué un chatbot con IA en WordPress?

Soporte 24/7: tus clientes obtienen respuestas aunque no estés conectado.
Reducción de carga: menos correos y llamadas con dudas básicas.
Experiencia personalizada: chatbots que aprenden y se adaptan a tus usuarios.
Integración con WooCommerce: seguimiento de pedidos, recomendaciones de productos y respuestas sobre stock.

Casos de uso

Para webs corporativas

Responder preguntas frecuentes sobre servicios.
Guiar al visitante a la sección de contacto o a un formulario.
Ofrecer información sobre horarios, ubicación y precios.

Para tiendas online (WooCommerce)

Consultar el estado de pedidos.
Recomendar productos según necesidades del usuario.
Dar soporte básico sobre envíos, devoluciones o métodos de pago.

Opción 1: Usar el plugin AI Engine

AI Engine es un plugin que permite crear chatbots con GPT (OpenAI) directamente en WordPress. No necesitas programar nada y puedes personalizar su comportamiento.

Cómo instalarlo y configurarlo

Ve a Plugins > Añadir nuevo en WordPress.
Busca «AI Engine» y haz clic en Instalar y luego Activar.
Ve a AI Engine > Ajustes y añade tu clave API de OpenAI.
En la configuración del Chatbot puedes personalizar el comportamiento (mensajes de bienvenida, estilo de respuesta, etc.).
Inserta el bloque de AI ChatBot o el shortcode (p.ej. el por defecto: [mwai_chatbot id="default"]) en cualquier página o entrada:
¡Listo! Ya tienes un chatbot en tu web WordPress.

crear clave api openai — Crear clave API

clave api openai creada — Copiar clave API

ai engine ajustes api — Configurar clave API

configurar chatbot ai engine — Configurar Chatbot

chatbot de ai engine en accion — ChatBot de Ai Engine

Opción 2: Insertar un chatbot externo (sin plugin)

Otra opción es usar servicios como Crisp ControlHippo o ChatBase y pegar el script en tu web.

Ejemplo de integración con código (sin programar)

<script src="https://cdn.chatbase.co/widget.js" data-id="TU_ID_DE_CHATBASE" defer></script>

Esto añade el chatbot a toda la web sin necesidad de plugin.

Opción 3: Hacerlo con tu propio código (nivel básico)

Si quieres algo más ligero y personalizable, puedes incrustar un chatbot con HTML y JavaScript usando un servicio de API de IA.

Ejemplo de código simple

<div id="chatbot">
  <div id="chatlog"></div>
  <input type="text" id="userInput" placeholder="Pregunta al ChatBot..." />
  <button onclick="sendMessage()">Enviar</button>
</div>

<script>
async function sendMessage() {
  const input = document.getElementById('userInput').value;
  const log = document.getElementById('chatlog');

  log.innerHTML += '<p><strong>Tú:</strong> ' + input + '</p>';

  // Ejemplo de llamada a una API de IA (deberías añadir tu propia clave y endpoint)
  const response = await fetch('https://api.openai.com/v1/chat/completions', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer TU_CLAVE_API'
    },
    body: JSON.stringify({
      model: 'gpt-4o-mini',
      messages: [{role: 'user', content: input}]
    })
  });

  const data = await response.json();
  const answer = data.choices[0].message.content;

  log.innerHTML += '<p><strong>Chatbot:</strong> ' + answer + '</p>';
}
</script>

Este ejemplo es básico y se puede mejorar (guardar historial, diseño con CSS, etc.), pero demuestra cómo integrar un chatbot con código propio.

Prompts útiles para personalizar tu chatbot

“Responde como asistente de [tu negocio] y ofrece ayuda para elegir productos.”
“Saluda siempre de forma cercana y pregunta el nombre del usuario antes de ofrecer opciones.”
“Si no sabes la respuesta, ofrece enviar la consulta por email a soporte.”
“Proporciona enlaces internos a la tienda o al blog cuando la respuesta esté en la web.”

Conclusión

Con un plugin como AI Engine o con servicios externos puedes tener un chatbot funcionando en minutos. Si prefieres, también puedes crear tu propia integración con unas pocas líneas de código. Tanto en webs corporativas como en tiendas online, un chatbot con IA es una herramienta que mejora la atención al cliente y ahorra tiempo a tu equipo