Cómo crear un agente de IA para tu sitio web en 7 pasos

Un agente de IA en tu sitio web hace más que responder preguntas. Entiende tu negocio, guía a los visitantes hacia la información correcta, captura leads cuando la intención de compra es alta y trabaja sin descanso las 24 horas. A diferencia de una simple página de preguntas frecuentes o un chatbot estático con respuestas guionadas, un agente de IA usa grandes modelos de lenguaje para sostener conversaciones naturales ancladas en tu contenido real.

Esta guía te lleva paso a paso por la creación de un agente de IA para tu sitio web desde cero con Agentkit. No necesitas saber programar. Al final, vas a tener un agente funcionando que conoce tu negocio, refleja tu marca y está publicado y funcionando en tu sitio.

Qué hace realmente un agente de IA para sitios web

Antes de crear uno, entiende qué le aporta un agente de IA a tu sitio web que otras herramientas no ofrecen.

Capacidades principales

Un agente de IA está en la intersección entre soporte, ventas y navegación. No es solo una mesa de ayuda. Es un miembro más del equipo, siempre disponible, que sabe todo sobre tu negocio.

Requisitos previos

Antes de empezar, asegúrate de tener:

• Un sitio web donde quieras implementar el agente (cualquier sitio que permita JavaScript personalizado)
• Contenido para entrenar (la URL de tu sitio web es el mínimo; los documentos, las preguntas frecuentes y las descripciones de producto mejoran la calidad)
• Un propósito claro para el agente (soporte, ventas, orientación de producto, o una combinación)
• 15 a 45 minutos para la configuración completa

No necesitas:

• Saber programar
• Experiencia en IA o machine learning
• Infraestructura de servidores
• Claves de API para modelos de IA (Agentkit se encarga de eso por ti)

Paso 1: Crea tu agente

Regístrate en Agentkit y crea tu primer chatbot. El plan Free te da 50 mensajes al mes con un chatbot, lo que alcanza para configurar, probar y validar antes de comprometerte con un plan pago.

Desde tu panel:

1. Haz clic en Crear chatbot.
2. Dale un nombre (esto es interno; los visitantes no lo verán a menos que elijas mostrarlo).
3. Elige tu modelo de IA principal. Buenas opciones para empezar:
   • GPT-4o Mini para respuestas rápidas y económicas en la mayoría de los temas
   • GPT-4o para razonamiento más matizado y preguntas complejas
   • Claude Sonnet para respuestas conversacionales que suenan naturales
   • Gemini Pro para manejar contextos más largos y conversaciones de varios turnos

Puedes cambiar el modelo más adelante sin necesidad de volver a entrenar, así que no le des demasiadas vueltas a este paso.

Paso 2: Agrega tus fuentes de conocimiento

Tu agente es tan bueno como la información a la que tiene acceso. Agentkit admite cuatro tipos de fuentes, y los agentes más sólidos usan una combinación de ellas.

Rastreo del sitio web (empieza por aquí)

Ingresa la URL de tu sitio web y deja que el rastreador indexe tus páginas. Es la forma más rápida de darle a tu agente un conocimiento amplio de tu negocio.

1. Ve a la pestaña Fuentes de tu chatbot.
2. Haz clic en Agregar fuente y elige Sitio web.
3. Ingresa tu URL de inicio (normalmente tu página principal).
4. Elige el alcance del rastreo:
   • Página única: solo esa URL
   • Subdirectorio: todas las páginas bajo una ruta (por ejemplo, /docs/ o /help/)
   • Sitio completo: todas las páginas a las que el rastreador pueda llegar

Para la mayoría de los negocios, empieza con un rastreo completo del sitio. Después puedes quitar las páginas que no sean relevantes.

Qué rastrear:

• Páginas de productos y servicios
• Página de precios
• Preguntas frecuentes y centro de ayuda
• Página "Acerca de" e información de la empresa
• Artículos del blog con contenido perdurable

Qué omitir:

• Páginas de inicio de sesión y administración
• Páginas de pago y carrito de compras
• Artículos del blog desactualizados con información obsoleta
• Páginas de poco contenido (archivos de etiquetas, categorías vacías)

Documentos

Sube archivos PDF, documentos de Word o archivos de texto que contengan información que no está en tu sitio web.

Buenos candidatos: especificaciones de producto, manuales del empleado, documentos de políticas, guías de usuario, fichas técnicas.

Pares de preguntas y respuestas

Escribe pares de pregunta y respuesta específicos para los temas donde necesitas un control preciso sobre la respuesta. Los precios, las políticas de reembolso y las funciones que suelen malinterpretarse son buenos candidatos.

Los pares de preguntas y respuestas tienen prioridad sobre el contenido rastreado, así que úsalos para tus preguntas más importantes. Consulta Cómo entrenar a un chatbot para ver buenas prácticas detalladas sobre cómo escribir pares efectivos.

Fragmentos de texto

Pega texto plano para agregar información rápida: promociones vigentes, anuncios de temporada, mensajes de marca o noticias recientes.

Estrategia de fuentes recomendada

Paso 3: Personaliza la apariencia del agente

Tu agente debería verse como si perteneciera a tu sitio web, no como una herramienta de terceros insertada a la fuerza.

Configuración visual

Configura esto en la pestaña Configuración de tu chatbot:

• Color principal: usa el color principal de tu marca
• Posición: abajo a la derecha (predeterminado) o abajo a la izquierda
• Mensaje de bienvenida: lo primero que ven los visitantes al abrir el chat. Hazlo específico: "Hola, puedo ayudarte a encontrar el plan correcto, responder preguntas sobre nuestras funciones o guiarte para empezar. ¿Qué estás buscando?"
• Avatar: sube tu logo o un ícono personalizado
• Marca: en los planes pagos, puedes quitar la marca de Agentkit para que el agente aparezca completamente de marca blanca

Comportamiento del widget

• Apertura automática: elige si la ventana de chat se abre automáticamente o espera a que el visitante haga clic
• Mensajes sugeridos: mensajes preescritos que aparecen como botones en los que se puede hacer clic, y que guían a los visitantes hacia temas comunes

Un buen mensaje de bienvenida y mensajes sugeridos bien elegidos aumentan significativamente la interacción. Los visitantes que ven "Pregúntame lo que quieras" muchas veces no saben por dónde empezar. Los visitantes que ven mensajes específicos como "¿Qué planes ofrecen?" y "¿Cómo empiezo?" hacen clic de inmediato.

Paso 4: Configura las Acciones

Las Acciones definen lo que tu agente puede hacer más allá de responder preguntas. Agentkit ofrece cinco tipos de acciones:

Cómo configurar la captura de leads

Para la mayoría de los negocios, la captura de leads es la acción de mayor valor. Configúrala en la pestaña Acciones:

1. Elige Recopilar leads.
2. Elige tus campos: correo (obligatorio), nombre, empresa, teléfono o campos personalizados.
3. Escribe la instrucción del prompt del sistema que le indica al agente cuándo activar la captura de leads. Por ejemplo: "Después de responder la pregunta del visitante sobre precios o funciones, ofrécele enviarle una guía comparativa y pídele su correo."

Mantén los campos obligatorios al mínimo. Cada campo obligatorio adicional reduce la tasa de finalización. Con el correo basta para empezar. Puedes recopilar más información en conversaciones de seguimiento o por correo.

Para profundizar en las estrategias de captura de leads, consulta Cómo usar chatbots para la generación de leads.

Cómo configurar los mensajes sugeridos

Agrega de 3 a 5 mensajes sugeridos que cubran las preguntas más comunes de tus visitantes:

• "¿Qué ofrecen?"
• "¿Cuánto cuesta?"
• "¿Cómo empiezo?"
• "¿Puedo ver una demo?"
• "¿Qué los hace diferentes?"

Estos aparecen como botones en los que se puede hacer clic cuando el visitante abre el chat, lo que facilita empezar una conversación.

Paso 5: Escribe las instrucciones del agente

El prompt del sistema es la configuración más importante que vas a escribir. Determina cada respuesta que da tu agente. Invierte tiempo en esto.

Componentes esenciales

Tu prompt del sistema necesita cinco elementos:

1. Identidad: "Eres el asistente de IA de [Nombre de la Empresa]. Ayudas a los visitantes del sitio web a entender nuestros productos, encontrar el plan correcto y obtener respuestas a sus preguntas."

2. Tono: "Sé cercano, directo y profesional. Usa frases cortas. Evita la jerga. No empieces las respuestas con frases de relleno como '¡Excelente pregunta!' o '¡Por supuesto!'"

3. Límites: "Responde solo preguntas sobre [Nombre de la Empresa] y nuestros productos. Si te preguntan sobre temas fuera de tu conocimiento, di: 'Me especializo en [Nombre de la Empresa]. Para ese tema, te sugeriría [recurso alternativo]. ¿Cómo puedo ayudarte con nuestros productos?' Nunca inventes información."

4. Formato: "Mantén las respuestas por debajo de 120 palabras. Usa viñetas para las listas. Incluye enlaces relevantes cuando estén disponibles."

5. Transferencia: "Si un visitante está frustrado, discúlpate por cualquier inconveniente y dale nuestro correo de soporte: [correo]. Para problemas de facturación o cuenta, siempre dirígelo al equipo de soporte."

Para plantillas detalladas y técnicas avanzadas, consulta Ingeniería de prompts para chatbots.

Calibración del tono

El tono que definas en el prompt del sistema debería coincidir con tu marca. Aquí tienes algunos puntos de referencia:

Paso 6: Prueba en el Playground

Antes de publicarlo, prueba tu agente a fondo en el Playground. Es tu espacio de prueba para detectar problemas antes que tus visitantes.

Lista de verificación de pruebas

Qué corregir durante las pruebas

Respuestas incorrectas: agrega o actualiza pares de preguntas y respuestas para las preguntas específicas que reciben respuestas incorrectas. Los pares de preguntas y respuestas tienen prioridad sobre el contenido rastreado.

Información faltante: agrega el contenido relevante mediante el rastreo del sitio web, la subida de documentos o los fragmentos de texto.

Tono inadecuado: ajusta la sección de tono de tu prompt del sistema. Agrega respuestas de ejemplo si el modelo no está reflejando la voz que quieres.

Demasiado extenso: agrega límites de cantidad de palabras a la sección de formato de tu prompt del sistema.

La captura de leads se siente invasiva: ajusta el momento en que se activa. Muévela más adelante en la conversación o cambia la redacción para que esté más enfocada en el valor que aporta.

Paso 7: Incrústalo en tu sitio web

Una vez que tu agente pase las pruebas, impleméntalo en tu sitio web. Agentkit ofrece cuatro métodos de incrustación:

Widget de JavaScript (recomendado)

Agrega una línea de código a tu sitio web, justo antes de la etiqueta de cierre </body>:

<script
  src="https://cdn.agentkit.ai/widget.js"
  data-chatbot="YOUR_CHATBOT_ID"
  async>
</script>

Este es el método más rápido y funciona en cualquier sitio web: HTML estático, WordPress, Shopify, Squarespace, Wix, Webflow o cualquier CMS personalizado. El widget se carga de forma asíncrona y no afecta la velocidad de tu página.

Componente de React

Si tu sitio está construido con React, usa el componente de React de Agentkit para una integración más estrecha:

import { AgentiChatbot } from '@agentkit/react';

function App() {
  return <AgentiChatbot chatbotId="YOUR_CHATBOT_ID" />;
}

Plugin de WordPress

Si usas WordPress, instala el plugin de Agentkit desde el directorio de plugins de WordPress. Ingresa el ID de tu chatbot en la configuración del plugin, y el widget aparecerá automáticamente en cada página. Consulta Cómo agregar un chatbot a WordPress para ver la guía completa.

Iframe

Para situaciones donde el JavaScript está restringido, incrusta el chatbot como un iframe:

<iframe src="https://cdn.agentkit.ai/embed/your-chatbot-id" width="400" height="600"></iframe>

Este método te da menos control sobre el posicionamiento, pero funciona en entornos que restringen los scripts externos.

Después del lanzamiento: optimización continua

Implementar tu agente no es la línea de meta. Los mejores agentes de IA mejoran continuamente a partir de datos reales de conversación.

Semana 1: monitorea de cerca

• Revisa cada conversación en tus registros de chat
• Anota las preguntas que el agente responde mal o no puede responder
• Agrega pares de preguntas y respuestas o fuentes adicionales para cubrir vacíos
• Verifica que la captura de leads se active en los momentos correctos

Semanas 2 a 4: itera sobre los datos de entrenamiento

• Agrega las 10 preguntas sin responder más frecuentes como pares de preguntas y respuestas
• Amplía el rastreo del sitio web a páginas que omitiste al principio
• Sube documentos que cubran con más profundidad los temas más consultados
• Refina tu prompt del sistema según las observaciones de tono y formato

Mensualmente (de forma continua):

• Revisa las analíticas para ver las tendencias de volumen de conversaciones
• Audita las fuentes de entrenamiento en busca de contenido desactualizado
• Actualiza los pares de preguntas y respuestas cuando cambien los productos, los precios o las políticas
• Prueba con preguntas nuevas a medida que tu negocio evoluciona

En los planes Standard ($119.99/mes) y Pro ($399.99/mes), el reentrenamiento automático mantiene tus fuentes de sitio web actualizadas de forma automática.

Avanzado: integración de API y webhooks

Una vez que tu agente esté funcionando bien, amplía sus capacidades con integraciones.

Webhooks

Configura webhooks para enviar datos de eventos a tus sistemas cuando ocurran acciones específicas:

• Nuevo lead capturado: envía los datos de contacto a tu CRM
• Conversación completada: registra los datos de la conversación en tu plataforma de analíticas
• Formulario personalizado enviado: enruta los datos del formulario a tu sistema de tickets

Los webhooks envían una solicitud POST con datos JSON a cualquier URL que especifiques.

Zapier

Conecta tu agente a más de 5000 apps sin necesidad de código. Flujos de trabajo comunes:

• Lead capturado en Agentkit, crea un contacto en HubSpot
• Lead capturado en Agentkit, envía una notificación de Slack al canal de ventas
• Conversación completada, agrega una fila en Google Sheets para hacer seguimiento

Zapier está disponible desde el plan Hobby ($29.99/mes) en adelante.

API REST

Crea integraciones personalizadas con la API REST de Agentkit. Extrae datos de conversación, administra chatbots de forma programática e integra la plataforma con tus herramientas internas. La API está disponible desde el plan Hobby en adelante.

Para una guía completa de las opciones de integración, consulta Integraciones de API para chatbots.

Preguntas frecuentes

¿Cuánto tiempo toma la configuración?

La configuración básica (crear el agente, agregar la fuente del sitio web, personalizar e incrustar) toma de 15 a 30 minutos. Agregar pares de preguntas y respuestas, documentos, y ajustar el prompt del sistema suma otros 15 a 30 minutos. La mayoría de las personas tienen un agente publicado y funcionando en su sitio en menos de una hora.

¿Cuántos mensajes usa un agente de IA?

Depende del tráfico y la interacción de los visitantes. El sitio de una pequeña empresa podría usar entre 200 y 500 mensajes al mes. Un sitio de mucho tráfico con un agente bien configurado podría usar entre 5000 y 20 000. Empieza con el plan Free (50 mensajes) para medir el volumen, y mejora tu plan según lo necesites.

¿Puedo usar el agente para varios propósitos?

Sí. Un solo agente puede gestionar preguntas de soporte, capturar leads y guiar a los visitantes hacia el contenido correcto. El prompt del sistema define las prioridades. Si el soporte es lo principal, prioriza las respuestas precisas. Si la generación de leads es lo principal, prioriza la calificación y la captura.

¿Qué pasa si el agente no sabe la respuesta?

Si el agente no encuentra información relevante en sus datos de entrenamiento, sigue las instrucciones de respaldo de tu prompt del sistema. Un buen mensaje de respaldo dirige al visitante hacia un recurso alternativo (correo de soporte, centro de ayuda, número de teléfono) en lugar de adivinar.

¿Puedo cambiar el modelo de IA más adelante?

Sí. Cambia entre cualquiera de los 12 modelos disponibles (familias GPT, Claude, Gemini) desde la página de configuración. No hace falta volver a entrenar. Esto es útil para probar qué modelo produce las mejores respuestas para tu contenido.

En resumen

Crear un agente de IA para tu sitio web ya no es un proyecto de ingeniería de meses. El proceso es directo: crear, entrenar, personalizar, configurar acciones, escribir instrucciones, probar e implementar. El trabajo real empieza después del lanzamiento, cuando usas los datos de conversación para mejorar continuamente el conocimiento y el comportamiento del agente.

Empieza simple. Una fuente de sitio web, un prompt del sistema claro y unos pocos mensajes sugeridos. Publica el agente, observa las conversaciones y mejora a partir de ahí. Un agente básico que mejora cada semana va a superar a un agente sobrediseñado que nunca se lanza.

Crea tu agente de IA gratis →

No se requiere tarjeta de crédito.