Cómo añadir ChatGPT o Gemini a un sitio web WordPress: guía paso a paso 2026

30 de noviembre de 2025

Quieres añadir un plugin AI chatbot a tu web WordPress? Estás en el lugar adecuado. En este tutorial paso a paso, te mostraré exactamente cómo integrar ChatGPT (OpenAI) o Google Gemini en WordPress, incluso si nunca has hecho nada parecido antes.

No requiere codificación. Se tarda unos 10 minutos. Vamos a hacerlo 🚀

Asistente AI
Asistente AI
Contacto humano
¿Cómo funciona?
1

Un verdadero chatbot de IA no es como esos bots de la vieja escuela con respuestas preescritas. Utiliza ChatGPT o Gemini para entender lo que preguntan los visitantes y búsquedas en el contenido real de su sitio web dar respuestas pertinentes.

Si te interesan los detalles técnicos, echa un vistazo a nuestro artículo sobre cómo funcionan los chatbots con RAG.

Qué necesitará

  • Sitio web en WordPress 🙂 .
  • Un plugin de chatbot de IA (más adelante hablaré de las opciones)
  • Clave API de OpenAI o Google (tarda 2 minutos en crearse)
  • Unos 10-15 minutos

Ya está. Vámonos.

Paso 1: Instalar un plugin Chatbot

Ahora necesitas un plugin de WordPress para conectarlo todo. Existen varias opciones: AI Engine, Tidio, etc.

Utilizo Asistente de IA que tiene una versión gratuita con la que puedes empezar. Es realmente nativo de WordPress y funciona con cualquier tema de WordPress y entrena al chatbot en el contenido real de su sitio.

Para instalar:

  1. Descargue el plugin desde el sitio web: AI Chat & Search Descargar
  2. Ir a WordPress → Plugins → Añadir nuevo → Subir plugin.
  3. Subir el zip archivo, instalar, activar

Eso es todo para la configuración básica.

Paso 2: Obtenga su clave API

En primer lugar, necesita un Clave API para conectar su sitio a ChatGPT o Gemini. Se trata básicamente de una contraseña que permite a tu chatbot hablar con la IA.

Puedes elegir entre OpenAI (ChatGPT) o Google (Gemini). Ambos funcionan muy bien. Aquí está cómo conseguir cada uno:

Opción A: Clave API OpenAI (ChatGPT)

  1. Ir a plataforma.openai.com y crear una cuenta
  2. Haga clic en Claves API en la barra lateral (o vaya directamente a plataforma.openai.com/api-keys)
  3. Haga clic en “Crear nueva clave secreta”.”
  4. Ponle un nombre como “WordPress Chatbot”.”
  5. Cópielo inmediatamente - no lo volverás a ver

A continuación, añada algunos créditos: vaya a Facturación → Añadir créditos. El mínimo es $5, lo que te da aproximadamente:

  • ~2,000 messages with GPT-4.1 Mini
  • ~5.000 mensajes con GPT-5.1
  • ~3.000 mensajes con GPT-4.1

Para la mayoría de los sitios pequeños, $5 dura foreve, litierally. OpenAI utiliza créditos de prepago para que no puedas gastar de más accidentalmente.

Hay un Videotutorial de 2 minutos aquí si prefieres mirar.

Opción B: Clave API de Google Gemini

Gemini tiene un nivel gratuito que está bien para hacer pruebas:

  1. Ir a aistudio.google.com/api-keys
  2. Pulse “Crear clave API“
  3. Elige un proyecto de Google Cloud (o crea uno)
  4. Copie su llave

Hecho. Literalmente 30 segundos.

Límites de la franja gratuita: 10 peticiones por minuto, 250 peticiones al día para Gemini 2.5 Flash. Suficientemente bueno para pruebas y sitios con poco tráfico.

Para uso en producción querrás habilitar la facturación. Gemini 2.5 Flash cuesta alrededor de $0.30 por millón de tokens de entrada - muy barato - similar a ChatGPT ~$5 por 5000 mensajes. Sólo ten en cuenta que Gemini te factura después del ciclo (no prepago como OpenAI), así que vigila tu uso.

Paso 3: Conecte su clave API

Ahora vamos a conectarlo todo:

  1. En la barra lateral de WordPress, busque Asistente de IA
  2. Ir a Ajustes tab
  3. Pega tu clave API de OpenAI o Gemini
  4. Elige tu modelo de IA (a mí me gusta GPT-5.1 y Géminis Flash 2.5)
  5. Guardar

Paso 4: Entrenar al chatbot

Esta es la parte importante: el chatbot tiene que aprender lo que hay en su sitio.

  1. Ir a la Formación de datos tab
  2. Haga clic en “🚀 Iniciar formación”
  3. Espere a que termine

El plugin escanea tu contenido y crea incrustaciones (básicamente un índice de búsqueda) que la IA utiliza para encontrar material relevante cuando responde a las preguntas.

Utiliza el indicador de tu sistema como una hoja de trucos. En la versión gratuita obtienes 1000 caracteres - suficientes para incluir tu información de contacto, política de envíos, política de devoluciones, horario comercial y respuestas a preguntas comunes. La IA utiliza esto para responder sin siquiera buscar en su base de datos.

La versión gratuita permite la formación en todas las entradas del blog. Puedes añadir algunos posts y utilizarlos como fuente sobre tu sitio web y hacerlos también artículos optimizados para SEO. Todos salimos ganando. La versión Pro desbloquea páginas, productos, Custom Post Types y archivos PDF cargados.

Por ejemplo:

Somos una tostadora de café con sede en Portland. Enviamos granos frescos semanalmente.

ENVÍO: Gratis a partir de $35, de lo contrario $5.99. Envío en 2 días.
DEVOLUCIONES: Reembolso completo en 14 días sin abrir.
CONTACTO: hello@coffeeshop.com, L-V 9-5 PST

Popular: Yirgacheffe etíope ($18), Mezcla de la casa ($14)
Suscripciones: 10% off, cancelar en cualquier momento en la página de la cuenta.

La IA utilizará esta información para responder a preguntas incluso sin buscar en su base de datos. Si alguien pregunta “¿ofrecen suscripciones?” - ya lo sabe.

Paso 5: Personalizar la respuesta

Respuestas breves

Añade esto a la consulta de tu sistema:

Las respuestas deben ser breves, de menos de 100 palabras. Enlaza con las páginas pertinentes para más detalles.

Respuestas más cortas = respuestas más rápidas.

El chatbot funciona bien, pero puedes mejorarlo si le hablas de tu sitio web. Busca las instrucciones personalizadas o el campo de aviso del sistema y añade algo de contexto:

IMPORTANT:
- This is [describe your site - what you sell/do]
- If users ask about [common question], tell them [answer]
- If users ask about [another common thing], explain [how it works]

CONTACT INFO:
- Email: your@email.com  
- Phone: your number
- Hours: when you're available

Por ejemplo, una tienda online podría utilizar:

IMPORTANTE:
- Esta es una tienda online de muebles con envíos a todo el mundo.
- Si los usuarios preguntan por los pedidos, pueden hacer un seguimiento en "Mi cuenta" o enviar un correo electrónico a soporte.
- Si los usuarios preguntan sobre devoluciones, aceptamos devoluciones en un plazo de 30 días.

CONTACTO: support@store.com, de lunes a viernes, de 9.00 a 17.00 h.

Solución rápida para resultados vacíos

Si el chatbot no devuelve nada cuando alguien pregunta por “buenos auriculares” o “buen restaurante”, es posible que se esté autofiltrando por valoraciones altas. Añade esta línea:

No apliques un filtro de valoración a menos que el usuario lo pida expresamente.

Paso 6: Personalizar el widget de chat (opcional)

La configuración básica está lista, pero hay varias opciones para hacer que el chatbot encaje mejor con tu sitio. Ve a la pestaña AI Chat en los ajustes.

Ajustes básicos

  • Nombre del chatbot - lo que se muestra en la cabecera del chat (por defecto: “Asistente”)
  • Mensaje de bienvenida - el primer mensaje que ven los visitantes cuando abren el chat. Algo así como “¡Hola! Puedo ayudarte a encontrar productos o responder a tus preguntas. ¿Qué buscas?”
  • Modelo de IA - elija el modelo que prefiera, como GPT 5.1 o Gemini 3 Pro / 2.5 Flash
  • Resultados máximos - cuántos elementos mostrar en los resultados de búsqueda (5-50)

Aspecto del widget

Puedes personalizar el aspecto de la burbuja de chat flotante:

  • Icono de botón personalizado - cargue su propio icono SVG
  • Mensaje de bienvenida - el pequeño texto que aparece sobre el botón de chat (“¡Hola! ¿En qué puedo ayudarle?”)
  • Anchura/Altura de la ventana emergente - cambiar el tamaño de la ventana de chat (por defecto 390x600px)
  • Color del botón y color principal - combinan con los colores de su marca
  • Esquema de color oscuro, claro o automático
  • Estilo de encabezado inicial – Elige un encabezado simple (predeterminado) (sección superior de la ventana de chat) o un encabezado con imagen de fondo para la vista inicial del encabezado (antes del primer mensaje). Esto solo funciona con el widget flotante, no con shortcodes. Permite personalizar visualmente la ventana de chat para que coincida con tu marca.

Privacidad y opciones de acceso

  • Requerir inicio de sesión para usar el chat - sólo los usuarios registrados pueden chatear (útil para sitios de socios)
  • Activar el seguimiento del historial de chat - guarda las conversaciones para análisis (se borran automáticamente a los 30 días)
  • Mostrar aviso de condiciones de uso - añade un aviso de plazos para el cumplimiento
  • Ocultar chat en páginas seleccionadas - desactivar el widget en páginas específicas como Carrito, Caja, Mi Cuenta

Uso del código corto

¿No quieres el widget flotante? Utiliza el shortcode en su lugar:

[ai_chat]

Puede personalizarlo con parámetros:

[ai_chat height="600px" style="2"]

Esto le permite incrustar el chat en cualquier lugar - en una página, barra lateral, o secciones específicas de su sitio.

Ya está - ¡Ya has terminado! 🎉

En serio, ese es todo el proceso. Su sitio ahora tiene un chatbot AI que:

  • Comprende las preguntas en lenguaje natural
  • Busca respuestas en su contenido real
  • Funciona 24/7 sin que usted haga nada

Pruébelo. Hágale algunas preguntas sobre su sitio y vea cómo lo hace. Ajusta el indicador del sistema si es necesario.

FAQ

¿Cuánto cuesta?

Los costes de la API suelen ser de $5-15/mes para sitios pequeños y medianos. Mucho menos que la mayoría de los servicios de chatbot por suscripción.

¿Ralentizará mi sitio web?

No. El chatbot se carga de forma asíncrona, el procesamiento de la IA se realiza en los servidores de OpenAI/Google. La búsqueda de contenido del sitio se realiza en su servidor a través del cálculo de similitud coseno incrustaciones (alerta nerd)

¿Necesito construir flujos de conversación o árboles de decisión?

No. Sólo tienes que escribir las instrucciones en un lenguaje sencillo, como si estuvieras informando a un nuevo empleado. “Mantén un tono amable, sugiere WhatsApp si no encuentran lo que necesitan, evita la jerga técnica”. La IA se encarga del resto.

¿Es multilingüe?

Funciona en cualquier idioma. Incluso puedes decirle que traduzca las consultas antes de buscar si tu contenido está en un idioma específico.

¿Puede alguien enviar spam al chatbot?

No. Hay dos capas de limitación de velocidad: la del cliente (caché del navegador) y la del servidor. Así que, aunque alguien intente abusar, llegará pronto a los límites.

¿Quiere más funciones?

Si necesita más, el Versión Pro ($59 one-time) adds:

  • Historial de conversaciones de chat - ver lo que preguntan los visitantes
  • Búsqueda de entradas y páginas - La IA busca en todos tus contenidos
  • Filtros WooCommerce - filtrar por precio, stock, valoraciones, artículos en oferta
  • Fichas de productos en el chat - mostrar fichas de producto reales, no sólo texto
  • Tipos de entrada personalizados - formar en cualquier tipo de contenido
  • Formación en PDF - cargar manuales, preguntas frecuentes, documentos
  • Eliminar la marca - sin etiqueta “powered by

Si quieres ver alternativas a AI Chat & Search, puedes leer nuestro artículo de comparación entre diferentes chatbots para WordPress →

Enlaces:

Purethemes