Chatbot para página web con IA: cómo crearlo paso a paso

Un chatbot para página web es un chat en tu sitio que responde a los visitantes en el momento, y cuando funciona con IA lo hace leyendo tu propio contenido (las páginas del sitio, tus PDFs, tus preguntas frecuentes) en vez de recorrer un menú de botones. Instalarlo es la parte fácil: una URL para que aprenda y una línea de código para que aparezca.

Que conteste bien depende de dos cosas que ninguna herramienta hace por ti: el contenido que le das para leer y las pruebas que le haces antes de abrirlo al público. Los pasos siguen las pantallas de Melonhelp Agents, que tiene un plan gratis sin tarjeta. Con otra herramienta la lógica es la misma; Chatbase, Tidio y Botpress también se pueden empezar sin pagar.

Chatbot de botones o chatbot con IA

Un chatbot de reglas muestra opciones fijas (Envíos, Pagos, Hablar con alguien) y recorre un árbol que alguien diseñó a mano. Funciona cuando las preguntas son pocas y siempre las mismas, o cuando necesitas pedir datos en un orden fijo. Uno con IA entiende la pregunta como la escribe el cliente, con faltas y modismos incluidos (“¿cuánto sale el envío a Rancagua?”), y busca la respuesta en tu contenido. Para un sitio con más de veinte preguntas frecuentes, o con precios y plazos que cambian, el de IA se mantiene con mucho menos trabajo. Las diferencias de fondo están en agente de IA vs chatbot.

Qué contenido darle, y qué dejar afuera

El chatbot responde con lo que lee. Antes de crear nada, abre el WhatsApp, el correo y los mensajes de Instagram del último mes y anota las 20 preguntas que más se repiten. Después revisa si la respuesta a cada una está escrita en algún lado. En una tienda o un servicio de Latinoamérica, en esa lista aparecen estos temas:

• Precios y planes, con la moneda y si incluyen impuestos.
• Envíos: zonas, plazos y costo por ciudad o región, y qué pasa con las direcciones fuera de cobertura.
• Medios de pago (tarjeta, transferencia, Mercado Pago, cuotas) y qué comprobante emites: boleta, factura o el que corresponda en tu país.
• Horarios de atención, con los feriados, y cómo hablar con una persona.
• Cambios, devoluciones y garantías, con plazos en días y no en “a la brevedad”.

Deja afuera los borradores, las listas de precios viejas y cualquier documento que contradiga a otro. Si la web dice 48 horas y un PDF de 2024 dice 72, el chatbot puede citar cualquiera de los dos, y las dos respuestas van a parecer igual de seguras.

Cómo mantener ese conocimiento al día, y las formas en que se rompe con el tiempo, está en cómo alimentar la base de conocimiento de un agente de IA.

Paso a paso con Melonhelp Agents

Ese bloque dibuja un botón fijo en la esquina inferior derecha y, al tocarlo, el chat de tu agente se abre en otra pestaña. La etiqueta del botón viene en inglés y forma parte del mismo código: antes de pegarlo, reemplaza Chat with us por algo como “¿Dudas? Escríbenos”.

La URL de chat también sirve fuera del sitio: en la firma del correo, en la biografía de Instagram o en un código QR impreso en el local. El detalle de cada opción del canal está en la documentación del widget de Agents.

Dónde pegar el código en WordPress, Shopify y Wix

• WordPress: con un plugin para insertar código en el pie de todas las páginas, o en el archivo del pie del tema si lo mantienes tú. Los plugins y los cuidados con las actualizaciones del tema están en chatbot con IA para WordPress.
• Shopify: en Tienda online, abre el menú de tres puntos del tema y entra a Editar código; en el archivo theme.liquid, pega el código antes de </body>.
• Wix: en Ajustes, dentro de Desarrollo e integraciones, entra a Código personalizado, agrega el código para Todas las páginas y ubícalo al final del cuerpo. Wix lo permite solo con el sitio publicado y un dominio propio conectado.
• Sitio en HTML propio: en la plantilla común a todas las páginas, antes de </body>. Si cada página es un archivo suelto, va en cada una.

Cómo probarlo antes de abrirlo al público

Usa preguntas copiadas de tus chats, tal como las escribieron tus clientes. Las que redactarías tú salen ordenadas y con las palabras de tu web, y el chatbot las acierta con facilidad. Con cinco pruebas alcanza:

• Las 10 preguntas más repetidas de tu lista. Debajo de cada respuesta aparece la fuente que usó; si cita una página equivocada, el problema está en el contenido.
• Una pregunta cuya respuesta no esté cargada. Tiene que aplicar la política que elegiste en lugar de inventar.
• Una pregunta fuera de tema, como una receta o una opinión política. Tiene que declinarla.
• La misma pregunta en inglés o en portugués. El agente responde en el idioma en que le escriben, algo útil si te visitan desde Brasil.
• Un dato que cambia seguido, como un precio, para confirmar que lee la versión vigente.

Haz las pruebas en la vista previa o en tu propio enlace con la sesión iniciada: ahí el chat corre en Modo de prueba y no gasta conversaciones del plan. La página Base de conocimiento tiene además un panel para preguntarle algo directamente a tu conocimiento y ver qué fuente encuentra, útil para revisar una fuente recién cargada.

Cómo medir si funciona

En Analíticas, Melonhelp Agents muestra los últimos 14 días: conversaciones, mensajes, escaladas y tasa de escalado, para todo el espacio de trabajo y por agente. La tasa de escalado (conversaciones derivadas sobre el total) es la que tienes que ver bajar semana a semana.

Mirado solo, ese porcentaje puede verse impecable con un agente que contesta mal y con aplomo, porque ese agente tampoco deriva. Por eso la revisión semanal tiene tres partes:

• Lee 10 conversaciones reales en Conversaciones, primero las marcadas como Escalado.
• Abre Vacíos de conocimiento, en la página Base de conocimiento. Ahí quedan las preguntas que no pudo responder, las más repetidas arriba. Desde ese mismo panel escribes la respuesta y la próxima vez el agente la resuelve solo.
• Cuando una respuesta citó algo viejo, corrige la fuente original. Una Q&A nueva encima de un dato desactualizado deja dos versiones compitiendo.

Agents no mide satisfacción ni casos resueltos, porque una conversación con el agente no se abre ni se cierra como un ticket. Cómo cruzar escaladas, resolución y satisfacción cuando sí las tienes está en cómo medir si tu agente de IA funciona.

Qué incluye el plan gratis y cuándo se queda corto

El plan gratis de Melonhelp Agents se llama Answers Free y no pide tarjeta. Incluye:

• 50 conversaciones cada 30 días. Una conversación es un hilo completo, tenga tres mensajes o veinte. Si te pasas, la app te avisa y te propone subir de plan; el chat no se corta.
• 5 fuentes de conocimiento. Un sitio rastreado cuenta como una fuente, igual que un PDF, y cada pregunta cargada como Q&A también cuenta como una, incluidas las que respondes desde Vacíos de conocimiento.
• 1 agente, con el chat para tu web y su enlace público.
• La marca Melonhelp visible al pie del chat. Quitarla cuesta US$5 al mes en cualquier plan.

Con 5 fuentes, el reparto que más rinde es el sitio web como primera fuente, tus preguntas frecuentes juntas en un solo Texto plano en vez de una Q&A por pregunta, y los dos o tres PDFs que más consultan tus clientes, como la lista de precios o la política de cambios.

Para dimensionar: si el chat se abre en 2 de cada 100 visitas, 50 conversaciones al mes equivalen a unas 2.500 visitas. Por encima de eso, Answers Pro cuesta US$29 al mes con 1.000 conversaciones, 25 fuentes y agentes ilimitados. Ninguno de los dos ejecuta acciones como agendar una reunión o registrar el caso en tu CRM: eso empieza en Agents Entry, de US$49 al mes. La cuenta completa por volumen está en cuánto cuesta un agente de IA para soporte.

Otros chatbots para página web con plan gratis

Cada plan gratis cuenta una cosa distinta: conversaciones, créditos por respuesta o conversaciones atendidas por personas. Los datos salen de las páginas de precios de Chatbase, Tidio y Botpress, revisadas el 4 de octubre de 2026:

Tidio junta el chatbot con un chat en vivo donde una persona de tu equipo contesta en la misma ventana, pero su IA gratis se termina con las primeras 50 conversaciones; el resto de sus planes está en Tidio precios.

Chatbase es el más parecido a Melonhelp Agents en cómo aprende de tu contenido. Cobra por créditos de mensaje (Hobby cuesta US$40 al mes por 700) y quitar su marca cuesta US$99 al mes. La comparación plan por plan está en Melonhelp vs Chatbase.

Cuándo Melonhelp Agents no es la mejor opción

Si alguien de tu equipo tiene que contestar ahí mismo

Cuando el agente de la web escala, la conversación queda marcada como Escalado y tu equipo contacta al visitante por otro medio; para eso sirve el correo del paso 4. Contestarle en vivo dentro del mismo chat todavía no se puede. Melonhelp Tickets sí lo resuelve con su propio widget, desde el plan Equipo (US$70 al mes; Tickets no tiene plan gratis y se prueba 14 días sin tarjeta): cada conversación entra como ticket, MIA contesta primero y una persona lo toma cuando hace falta. MIA agrega un costo fijo de US$79 al mes, no cobra por resolución y necesita un plan de Agents activo. Fuera de Melonhelp, Tidio es la opción con chat en vivo.

Si tienes una tienda en línea

Con el código de Agents, el chat vive en otra pestaña y el carrito queda atrás. En un sitio de servicios o de información da lo mismo; en una tienda, revisa cómo se resuelven pedidos, stock y cambios en chatbot con IA para ecommerce.

Si tus clientes escriben sobre todo por WhatsApp

En ese caso el chat de la web es secundario y el esfuerzo rinde más en un chatbot para WhatsApp; las opciones sin costo están en chatbot gratis para WhatsApp Business.

Preguntas frecuentes