Cómo crear un chatbot sin código: guía completa
No necesitas escribir una sola línea de código para crear, entrenar y publicar un chatbot de IA en tu sitio web. Eso no era cierto hace tres años. En 2026, los generadores de chatbots sin código te permiten pasar de cero a un chatbot funcionando en menos de 30 minutos.
Esta guía te lleva por todo el proceso: registrarte, entrenar tu chatbot con tu contenido, personalizar su apariencia y comportamiento, probarlo e incrustarlo en tu sitio. Todo sucede a través de una interfaz visual.
Qué hacen los generadores de chatbots sin código en 2026
La generación actual de herramientas de chatbot sin código es fundamentalmente distinta de los generadores de árboles de decisión de hace unos años. Esas herramientas más antiguas te obligaban a mapear manualmente cada camino de conversación posible. Si te faltaba una rama, el usuario llegaba a un callejón sin salida.
Los generadores sin código modernos usan grandes modelos de lenguaje (GPT, Claude, Gemini) por debajo. En lugar de programar flujos de conversación, entrenas al chatbot con tu contenido, le das instrucciones sobre tono y comportamiento, y la IA se encarga de la conversación real. Entiende el contexto, maneja preguntas de seguimiento y responde en lenguaje natural.
Esto es lo que puedes hacer sin escribir código:
| Función | Cómo funciona |
|---|---|
| Entrenar con tu sitio web | Proporciona una URL; la herramienta rastrea e indexa tus páginas |
| Entrenar con documentos | Sube PDF, documentos de Word o archivos de texto |
| Entrenar con pares de preguntas y respuestas | Escribe preguntas específicas y sus respuestas ideales |
| Elegir un modelo de IA | Elige entre modelos como GPT-4o, Claude o Gemini |
| Personalizar la apariencia | Define colores, posición, mensaje de bienvenida, avatar |
| Definir reglas de comportamiento | Escribe instrucciones en lenguaje simple para el tono, el alcance y la escalación |
| Agregar acciones | Configura captura de leads, mensajes sugeridos o botones personalizados |
| Incrustar en cualquier sitio web | Copia y pega una sola etiqueta de script |
| Admitir varios idiomas | El chatbot detecta y responde automáticamente en el idioma del visitante |
Las cosas que antes requerían un desarrollador (entrenar un modelo de IA, construir una interfaz de chat, manejar mensajería en tiempo real, publicar en producción) ahora las maneja la plataforma.
Siete pasos para crear tu chatbot
Paso 1: regístrate y crea un chatbot
Empieza creando una cuenta. En Agentkit, esto toma unos 30 segundos. Vas a llegar a un panel donde puedes crear tu primer chatbot.
Haz clic en "Crear agente" y ponle un nombre. Elige algo descriptivo, como "Bot de Soporte de Acme" o "Asistente de Ventas". El nombre aparece en tu panel solo para fines de organización; los visitantes de tu sitio web ven el mensaje de bienvenida que configures después.
Selecciona tu modelo de IA. Agentkit te da acceso a una variedad de modelos entre tres proveedores:
| Proveedor | Modelos disponibles | Mejor para |
|---|---|---|
| OpenAI | GPT-4o, GPT-4o-mini, GPT-4.1, GPT-4.1-mini, GPT-4.1-nano, o4-mini | Uso general, razonamiento sólido |
| Anthropic | Claude Sonnet 4, Claude Haiku 3.5 | Conversación matizada, respuestas detalladas |
| Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.0 Flash, Gemini 2.0 Flash-Lite | Respuestas rápidas, fortaleza multilingüe |
Si no estás seguro, empieza con GPT-4o-mini o Claude Haiku 3.5. Son rápidos, capaces y de buena relación costo-beneficio. Puedes cambiar de modelo más adelante sin necesidad de reentrenar.
Paso 2: agrega tus fuentes de entrenamiento
Este es el paso más importante. La calidad de tu chatbot depende directamente de la calidad y la exhaustividad de sus datos de entrenamiento.
Tienes cuatro tipos de fuente disponibles:
URL de sitio web: ingresa la URL de tu sitio y Agentkit rastrea las páginas. Esta es la forma más rápida de darle a tu chatbot un conocimiento integral. Apúntalo a tu sitio de marketing, centro de ayuda, documentación o página de preguntas frecuentes. El rastreador sigue los enlaces dentro de tu dominio e indexa el contenido que encuentra.
Consejos para el entrenamiento con sitios web:
- Empieza con tus páginas más importantes: inicio, precios, preguntas frecuentes, funciones del producto
- Si tienes un centro de ayuda o base de conocimiento, rastréalo por separado para lograr una cobertura completa
- Revisa las páginas indexadas para asegurarte de que no se incluyó nada irrelevante
Documentos: sube PDF, documentos de Word o archivos de texto. Esto es útil para contenido que no está en tu sitio web: procedimientos internos, especificaciones de producto, manuales de entrenamiento o documentos de políticas.
Pares de preguntas y respuestas: escribe manualmente una pregunta y su respuesta ideal. Esto te da el mayor control sobre respuestas específicas. Usa pares de preguntas y respuestas para:
- Tus 10-20 preguntas más frecuentes
- Preguntas donde la respuesta necesita ser exacta (precios, políticas, temas legales)
- Preguntas que el contenido de tu sitio web no responde con claridad
Texto plano: pega cualquier contenido de texto. Descripciones de producto, historia de la empresa, biografías del equipo o cualquier otra información que quieras que el chatbot conozca.
Una buena configuración inicial:
| Tipo de fuente | Qué agregar | Prioridad |
|---|---|---|
| Sitio web | Tu sitio de marketing principal | Alta |
| Sitio web | Centro de ayuda o sitio de documentación | Alta |
| Pares de preguntas y respuestas | Las 20 preguntas frecuentes principales, con respuestas precisas | Alta |
| Documento | Ficha técnica del producto o lista de funciones | Media |
| Texto plano | Resumen de la empresa, misión, diferenciadores clave | Media |
Paso 3: personaliza la apariencia
Haz que el chatbot se vea como si perteneciera a tu sitio. En el panel de personalización, puedes ajustar:
Colores: define el color principal para que coincida con tu marca. La burbuja de chat, el encabezado y los elementos de acento usan todos este color. Ingresa un código hexadecimal o usa el selector de color.
Posición de la burbuja de chat: elige la esquina inferior derecha o inferior izquierda. La esquina inferior derecha es la convención que la mayoría de los visitantes espera. Cámbiala solo si ya tienes otro elemento (como un widget de soporte) ocupando ese lugar.
Mensaje de bienvenida: es lo primero que ven los visitantes cuando se abre el chat. Hazlo específico y útil:
- Débil: "¡Hola! ¿Cómo puedo ayudarte?"
- Mejor: "¡Hola! Puedo responder preguntas sobre nuestro producto, precios y funciones. ¿Qué te gustaría saber?"
- Ideal: "Bienvenido a Acme. Puedo ayudarte con precios, primeros pasos o resolución de problemas. ¿Qué te trae por aquí hoy?"
Nombre y avatar del bot: ponle al chatbot un nombre que encaje con tu marca. "Asistente de Acme" o "Bot de Soporte" son claros y honestos. Sube un avatar o logo personalizado para que sea visualmente coherente con tu sitio.
Mensajes iniciales y prompts sugeridos: agrega de tres a cinco mensajes sugeridos que aparezcan al abrir el chat. Les dan a los visitantes un punto de partida y guían las conversaciones hacia los temas que tu chatbot maneja bien.
Paso 4: escribe las instrucciones
Las instrucciones le indican al chatbot cómo comportarse. Esto es distinto de los datos de entrenamiento (lo que el chatbot sabe). Las instrucciones definen la personalidad, el alcance y las reglas del chatbot.
Escribe las instrucciones en lenguaje simple. El chatbot las sigue como lineamientos de comportamiento. Aquí tienes una plantilla:
Identidad: "Eres un asistente de IA para [Nombre de la Empresa]. Ayudas a los visitantes a conocer nuestro producto y respondes sus preguntas."
Alcance: "Responde únicamente preguntas basadas en los datos de entrenamiento provistos. No respondas preguntas sobre temas ajenos a [Empresa] o sus productos."
Tono: "Sé amigable, claro y conciso. Usa un lenguaje simple. Evita la jerga."
Limitaciones: "Si no sabes la respuesta, dilo con honestidad. No inventes información."
Escalación: "Si un visitante pide hablar con una persona, quiere tratar temas de facturación o hace una pregunta que no puedes responder, avísale que puede contactar a nuestro equipo de soporte en [email protected]."
Idioma: "Responde en el mismo idioma que use el visitante."
No necesitas ser un experto en prompts. Escribe las instrucciones como si fueran notas de incorporación para un nuevo miembro del equipo. Claras, específicas y prácticas.
Paso 5: agrega acciones
Las acciones le permiten a tu chatbot hacer cosas más allá de responder preguntas. Agentkit admite cinco tipos de acción, y ninguno requiere código:
| Tipo de acción | Qué hace | Ejemplo de uso |
|---|---|---|
| Captura de leads | Recolecta nombre, correo electrónico y campos personalizados | "¿Quieres que te envíe una comparación detallada? ¿Cuál es tu correo electrónico?" |
| Formulario personalizado | Presenta un formulario estructurado durante la conversación | Recepción de solicitudes, creación de tickets de soporte |
| Botón personalizado | Muestra un botón en el que se puede hacer clic en el chat | Botón "Reservar una demo" que enlaza a tu calendario |
| API personalizada | Llama a un endpoint de API externo | Consultar el estado de un pedido, buscar información de cuenta |
| Mensajes sugeridos | Muestra prompts en los que se puede hacer clic para el visitante | Guiar a los visitantes hacia temas comunes |
Para la mayoría de los chatbots, empieza con mensajes sugeridos y captura de leads. Estas dos acciones cubren las necesidades más comunes y toman minutos en configurarse.
Paso 6: prueba en el Playground
Antes de poner tu chatbot en tu sitio web en vivo, pruébalo a fondo. Agentkit incluye un Playground donde puedes tener conversaciones completas con tu chatbot y ver cómo responde.
Prueba estos escenarios:
| Escenario de prueba | Qué revisar |
|---|---|
| Pregunta común | ¿Responde con precisión a partir de los datos de entrenamiento? |
| Pregunta fuera de los datos de entrenamiento | ¿Dice que no lo sabe, o inventa algo? |
| Conversación de varios turnos | ¿Mantiene el contexto a lo largo de varios mensajes? |
| Pregunta fuera de tema | ¿Se mantiene dentro del alcance según tus instrucciones? |
| Idiomas distintos | ¿Responde en el idioma del visitante? |
| Activación de captura de leads | ¿Aparece el formulario de captura de leads en el momento correcto? |
| Casos límite | Mensajes groseros, mensajes vacíos, preguntas muy largas |
Ajusta tus datos de entrenamiento y tus instrucciones según lo que encuentres. Esta prueba iterativa es la diferencia entre un chatbot que impresiona a los visitantes y uno que los frustra.
Paso 7: incrústalo en tu sitio web
Una vez que estés conforme con el desempeño del chatbot, es hora de publicarlo. Agentkit te da una sola etiqueta de script para agregar a tu sitio web:
<script data-chatbot="your-chatbot-id" src="https://cdn.agentkit.ai/widget.js"></script>
Pega esto antes de la etiqueta de cierre </body> en cualquier página donde quieras que aparezca el chatbot. Eso es todo. Sin pasos de compilación, sin dependencias, sin archivos de configuración.
Qué puedes personalizar sin código
Aquí tienes una lista completa de todo lo que puedes cambiar desde el panel de Agentkit:
| Ajuste | Opciones |
|---|---|
| Modelo de IA | Modelos de OpenAI, Anthropic y Google |
| Fuentes de entrenamiento | Sitio web, documento, preguntas y respuestas, texto |
| Color principal | Cualquier color hexadecimal |
| Posición del chat | Esquina inferior derecha, esquina inferior izquierda |
| Mensaje de bienvenida | Texto personalizado |
| Nombre del bot | Texto personalizado |
| Avatar del bot | Subir imagen |
| Mensajes sugeridos | Hasta 6 prompts en los que se puede hacer clic |
| Instrucciones del sistema | Reglas de comportamiento en lenguaje simple |
| Acciones | Captura de leads, formularios, botones, llamadas a API, mensajes sugeridos |
| Idioma | Detección automática entre más de 95 idiomas |
| Restricciones de dominio | Limitar dónde carga el widget |
| Límite de frecuencia | Controlar los mensajes por usuario en un período de tiempo |
| Reentrenamiento automático | Vuelve a rastrear las fuentes automáticamente según un cronograma (Standard o superior) |
Todos estos ajustes están disponibles mediante interfaces de apuntar y hacer clic. Cámbialos cuando quieras; las actualizaciones se reflejan de inmediato sin necesidad de volver a incrustar el código del widget.
Cuándo necesitas la API
La interfaz sin código cubre la mayoría de los casos de uso, pero hay situaciones en las que la API REST (disponible en los planes Hobby y superiores) te da flexibilidad adicional:
- Integraciones personalizadas: conectar el chatbot a herramientas internas, bases de datos o flujos de trabajo que Zapier no cubre
- Gestión programática: crear o actualizar chatbots en bloque, gestionar fuentes de entrenamiento mediante scripts
- Analítica personalizada: llevar los datos de conversación a tu propia herramienta de BI o data warehouse
- Implementaciones de marca blanca: integrar el chatbot en tu propio producto para tus clientes
- Webhooks avanzados: procesar eventos del chatbot con lógica de negocio personalizada
La API no es un requisito para obtener valor de un chatbot. Piénsala como un punto de extensión para equipos que superan lo que ofrece el panel.
Incrustación específica por plataforma
WordPress
Agrega la etiqueta de script a tu sitio de WordPress usando un plugin como Insert Headers and Footers, o pégala directamente en el archivo footer.php de tu tema. Si usas un constructor de páginas como Elementor o Divi, agrega un widget de HTML con la etiqueta de script. El chatbot funciona con cualquier tema de WordPress y no entra en conflicto con otros plugins.
Shopify
En tu panel de administración de Shopify, ve a Online Store, luego Themes y luego Edit Code. Abre el archivo theme.liquid y pega la etiqueta de script antes de la etiqueta de cierre </body>. Guarda y el chatbot aparece en todas las páginas de tu tienda. Para páginas específicas únicamente, usa el sistema de secciones o plantillas de página de Shopify.
Squarespace
Ve a Settings, luego Advanced y luego Code Injection. Pega la etiqueta de script en la sección Footer. Squarespace la carga automáticamente en todas las páginas. El widget del chatbot se ubica sobre tu diseño de Squarespace sin interferir con él.
Cómo mantener tu chatbot
Crear el chatbot es el primer paso. Mantenerlo útil requiere atención continua:
Semanalmente: revisa por encima los registros de conversación. Busca preguntas que el chatbot no pudo responder y agrega ese contenido a tus fuentes de entrenamiento.
Mensualmente: revisa las métricas del chatbot en general. ¿Los visitantes están interactuando? ¿El chatbot responde con precisión? Actualiza los datos de entrenamiento si tu producto, precios o políticas cambiaron.
Trimestralmente: haz una revisión completa de tus instrucciones, mensajes sugeridos y acciones. A medida que tu negocio evoluciona, tu chatbot debería evolucionar con él.
La función de reentrenamiento automático de Agentkit (plan Standard y superiores) vuelve a rastrear automáticamente las fuentes de tu sitio web según un cronograma, así que tu chatbot se mantiene actualizado a medida que publicas contenido nuevo. Para los pares de preguntas y respuestas y los documentos, igual vas a necesitar actualizarlos manualmente cuando cambie la información.
Cómo empezar
Puedes tener un chatbot funcionando en tu sitio web hoy mismo. Regístrate, agrega la URL de tu sitio como fuente de entrenamiento, escribe algunas líneas de instrucciones e incrusta la etiqueta de script. Todo el proceso toma menos de 30 minutos.
Empieza con el plan gratuito, que incluye 50 mensajes por mes y un chatbot, suficiente para probar la experiencia y ver cómo interactúan los visitantes. Cuando estés listo para más volumen, el plan Hobby a $29.99/mes te da 2000 mensajes y acceso a la API. Consulta nuestra guía de costos y precios de chatbot para ver cómo escalan los planes a medida que crece tu uso.
No se necesitan habilidades de programación. No hay configuración técnica. No hay que esperar a un desarrollador.
No se requiere tarjeta de crédito.
