Añadir un chatbot de IA a tu sitio web lleva minutos. Conseguir buenas respuestas requiere preparación. La mayoría de los lanzamientos decepcionantes de chatbots no son un problema de tecnología: el dueño pegó el código, se saltó la preparación y el asistente no tenía nada preciso que decir. Esta guía te da el orden que funciona, los pasos exactos para instalar el widget en cualquier sitio y las pruebas que conviene hacer antes de que lo vean visitantes reales.
Sirve para cualquier producto de chatbot moderno. Cuando un paso es específico de Crescelo lo indicamos. Si aún estás decidiendo si necesitas uno, lee primero qué es un asistente web de IA y cómo funciona.
Antes de empezar: qué necesitas
- Acceso al código o a los ajustes de tu sitio web. Tu CMS (WordPress, Wix, Squarespace, Webflow, Shopify) o la posibilidad de editar el HTML de tus páginas.
- El contenido de tu negocio. Lista de precios, descripciones de servicios, políticas, horario y preguntas frecuentes, como documentos o páginas web.
- Aproximadamente una hora. La mitad para reunir el contenido, la otra mitad para probar.
No necesitas un desarrollador para una instalación estándar. Si tu sitio está construido sobre una plataforma alojada, pegarás un único fragmento en una casilla de ajustes, y las guías específicas para WordPress y para Webflow, Squarespace y Wix cubren cada una.
Paso 1: Decide para qué sirve el chatbot
Escribe una sola frase. Por ejemplo: "Responder preguntas sobre servicios y precios y reservar consultas." Una tarea acotada produce un mejor asistente que "hazlo todo". La tarea decide qué contenido cargar y qué funciones activar.
| Objetivo | Lo que necesita el chatbot | Función que activar |
|---|---|---|
| Responder preguntas habituales | Preguntas frecuentes, precios, políticas, horario | Base de conocimiento |
| Reservar citas | Servicios, duraciones, calendario | Reservas y sincronización del calendario |
| Recoger consultas fuera de horario | Preguntas para leads, datos de contacto | Captación de leads y avisos |
| Atender a los clientes | Artículos de ayuda, pasos de resolución de problemas | Base de conocimiento y traspaso a una persona |
Paso 2: Reúne y limpia tu contenido
El asistente solo puede ser tan preciso como lo que lee. Reúne los documentos que tu equipo ya usa para responder a los clientes y léelos con ojo crítico.
- Elimina todo lo que esté desactualizado: precios antiguos, ofertas caducadas, personal que ya no está.
- Asegúrate de que cada servicio tenga un nombre claro, un precio o rango de precios y lo que incluye.
- Expón las políticas con claridad: cancelación, reembolsos, depósitos, retrasos.
- Añade las respuestas a las diez preguntas que más oye tu equipo. Si no están escritas en ningún sitio, escríbelas ahora.
- Prefiere varios documentos cortos y con títulos claros a un PDF enorme. Las páginas cortas son más fáciles de buscar con precisión.
Formatos que suelen funcionar: PDF, Word, texto sin formato, Markdown, CSV y direcciones de páginas web. Si una página es solo una imagen, comprueba que el producto admita reconocimiento de texto (OCR) o vuelve a teclear los datos clave.
Paso 3: Crea el asistente y añade tu contenido
En Crescelo, abre el panel, ve a la Base de conocimiento y sube archivos, pega texto o añade la dirección de tu sitio web. El sistema los lee y los indexa, normalmente en un minuto. Luego define el nombre, el saludo y el tono del asistente en sus ajustes. Mantén el saludo corto y concreto: "Hola, puedo responder preguntas sobre nuestros servicios y reservarte una cita" funciona mejor que "¿En qué puedo ayudarte hoy?".
Conecta un proveedor de IA si tu plan lo requiere. Con tu propia clave pegas una vez la clave API de tu proveedor y le pagas directamente; la guía sobre elegir qué modelo de IA conectar explica las opciones. Para probar primero, el motor gratuito basta para las pruebas.
Paso 4: Prueba antes de publicar
Usa la zona de pruebas dentro del producto, no tu sitio en vivo. Haz preguntas como lo hacen los clientes reales.
- Tus diez preguntas más habituales, con distintas formulaciones, con erratas y en lenguaje coloquial.
- Una pregunta que no está en tu contenido. El asistente debería decir que no lo sabe y ofrecer una persona o un formulario.
- Una petición de algo que no ofreces, como un descuento. No debería prometerlo.
- Una reserva de principio a fin, incluida una hora que ya está ocupada.
- Una petición de hablar con una persona.
Corrige cada fallo cambiando el contenido, no los ajustes del asistente. Si respondió mal, encuentra el pasaje de origen y corrígelo. Si no supo responder, añade la respuesta que falta a tus documentos.
Paso 5: Instala el widget en tu sitio web
La instalación es un único fragmento de código, normalmente una etiqueta `script`. Dónde pegarlo depende de tu plataforma.
WordPress
Usa un plugin que te permita añadir código al pie de página, o pega el fragmento en el pie del tema mediante el editor de temas. Todos los pasos están en la guía de instalación para WordPress.
Wix, Squarespace y Webflow
Cada uno tiene un área de "código personalizado" o "inyección de código" en los ajustes del sitio. Pega el fragmento en la casilla del pie de página o "antes de la etiqueta de cierre del body" y publica. Los detalles están en la guía para constructores de sitios.
Shopify y otras plataformas
Añade el fragmento al archivo de diseño principal del tema justo antes de la etiqueta de cierre del body. Muchas plataformas tienen un ajuste de "scripts" o "cabecera y pie" que hace lo mismo sin editar archivos.
Un sitio programado a medida
Pega el fragmento en el HTML de cada página donde quieras el chat, justo antes de la etiqueta de cierre del body, o en un archivo de diseño compartido para que aparezca en todas partes.
Después de publicar, abre tu sitio en vivo en una ventana privada y vacía la caché si el chat no aparece. Los bloqueadores de anuncios y los banners de cookies también pueden ocultarlo durante las pruebas.
Paso 6: Compruébalo en dispositivos reales
- Abre el sitio en un móvil. La ventana del chat debería caber en la pantalla, desplazarse y no tapar tus botones de llamada a la acción.
- Comprueba la velocidad de la página antes y después. Un widget bien hecho se carga sin bloquear tu página. Consulta nuestra nota sobre el rendimiento de los widgets de chat incrustados.
- Prueba el chat con un lector de pantalla o solo con el teclado, si la accesibilidad te importa. La guía de accesibilidad para chatbots enumera qué comprobar.
- Envíate una reserva y un lead de prueba y confirma que llegan los correos.
Paso 7: Sé honesto con los visitantes
Di que es un asistente de IA, enlaza tu política de privacidad y ofrece una forma de contactar con una persona. Es una buena práctica y, en muchos lugares, un requisito legal. Si atiendes a visitantes en Europa o California, repasa la lista de comprobación del RGPD para chatbots web.
Paso 8: Mantenlo preciso tras el lanzamiento
El lanzamiento es solo el comienzo. Pon en tu calendario una revisión semanal de diez minutos. Lee las conversaciones, anota cada pregunta que el asistente no supo responder y añade las respuestas a tu base de conocimiento. Actualiza el contenido siempre que cambien precios, horarios o políticas. El hábito se describe en cómo revisar cada semana las conversaciones de tu chatbot.
Errores comunes que evitar
- Pegar el código sin cargar ningún contenido.
- Cargarlo todo, incluidas páginas desactualizadas, sin leerlo.
- No probar nunca preguntas que el contenido no puede responder.
- Esconder la opción de contactar con una persona.
- Colocar el chat donde tapa botones importantes en el móvil.
- Olvidarse de actualizar el contenido tras un cambio de precios.
- Juzgar el éxito por el volumen de chats en lugar de por reservas y leads.
Burbuja, página completa o incrustado: elige cómo se encuentran los visitantes con el chat
La mayoría de los chatbots ofrecen tres formas de aparecer, y la elección correcta depende de la tarea.
| Formato | Qué es | Ideal para |
|---|---|---|
| Burbuja flotante | Un pequeño botón en la esquina que abre una ventana de chat | Preguntas generales en cualquier página; la opción predeterminada de la mayoría de sitios |
| Incrustado en la página | El chat está dentro de una página, como la de contacto o reservas | Páginas donde el chat es la acción principal |
| Chat alojado a página completa | Una página independiente en el dominio del proveedor o en el tuyo | Enlaces desde redes sociales, firmas de correo y códigos QR |
La burbuja es lo más fácil para empezar. Cuando funcione, añade un enlace a la página completa en tu biografía de Instagram, tu firma de correo y tu perfil de Google Business, para que los visitantes de esos sitios lleguen directamente a la conversación. Crescelo ofrece la burbuja flotante, un marco incrustado y páginas de empresa alojadas, descritos en la página del widget web.
Cuánto cuesta añadir un chatbot
La instalación en sí es gratuita. Lo que pagas es el producto. Espera una suscripción mensual que crece con el número de conversaciones, el número de asistentes y la cantidad de contenido que guardes. Además está el uso de la IA, incluido en el precio o facturado directamente a ti. Como referencia, el plan Starter de Crescelo cuesta 49 $ al mes por un asistente y 100 sesiones de chat, y el plan Growth, de 149 $, añade reserva de citas y sincronización de calendario. Consulta la página de precios para ver las cifras actuales. Una buena forma de juzgar el valor es comparar el coste mensual con el valor de una reserva extra al mes; nuestro cálculo del ROI muestra cómo.
Qué medir en los primeros 30 días
- Conversaciones iniciadas y cuántas llegaron a una respuesta útil.
- Reservas y leads creados desde el chat.
- Preguntas sin respuesta, que te dicen qué le falta a tu contenido.
- Peticiones de traspaso, que muestran dónde hace falta una persona.
- Abandono, es decir, dónde los visitantes dejan de responder. Nuestra guía para seguir el abandono en el embudo del chat explica las etapas.
No juzgues la primera semana por el volumen. Un chat tranquilo que convierte es mejor que uno concurrido que no convierte. Tras un mes tendrás suficientes conversaciones para ver patrones, y las mayores mejoras suelen venir de añadir diez respuestas que faltan a la base de conocimiento.
Nociones básicas de seguridad y acceso
- Mantén privadas tus claves API y guárdalas solo en los ajustes del producto, nunca en el código de la página.
- Da a los miembros del equipo sus propios accesos y activa la autenticación en dos pasos para la cuenta que controla el asistente.
- Restringe en qué dominios puede cargarse el widget, si tu producto lo ofrece.
- Pregunta al proveedor cómo se guardan las conversaciones, cuánto tiempo se conservan y cómo borrarlas.
Para saber más sobre cómo proteger la cuenta, consulta configurar el acceso del equipo y la autenticación en dos pasos.
Accesibilidad e inclusión
Una ventana de chat forma parte de tu sitio web, así que debe funcionar para quienes usan teclado, lector de pantalla o ampliación. Comprueba que el chat se pueda abrir y cerrar con el teclado, que los mensajes se anuncien a los lectores de pantalla, que el texto tenga contraste suficiente y que nada dependa solo del color. Las Web Content Accessibility Guidelines son la referencia estándar. Nuestra lista de comprobación para chatbots accesibles las convierte en comprobaciones prácticas. Cuando el chat ya esté en tu web, el siguiente paso es convertir las conversaciones en clientes: mira cómo captar leads con un chatbot, paso a paso.
Preguntas frecuentes
¿Cuánto tarda añadir un chatbot de IA a un sitio web?
La instalación lleva unos minutos. Lo que lleva tiempo es preparar y probar el contenido, normalmente una o dos horas para un negocio pequeño.
¿Necesito un desarrollador?
No para un sitio estándar. Pegas un fragmento en los ajustes o el pie de tu sitio. Un desarrollador solo es útil para configuraciones a medida poco habituales.
¿Ralentizará un chatbot mi sitio web?
Un widget bien hecho se carga después de tu página y añade poco peso. Comprueba la velocidad de la página antes y después y elige un producto que cargue su script de forma asíncrona.
¿Puedo añadir un chatbot a WordPress, Wix, Squarespace o Shopify?
Sí. Cada uno tiene un lugar donde pegar un fragmento de código. Las guías enlazadas arriba recorren cada plataforma.
¿Qué contenido debo darle al chatbot?
Tus servicios, precios, políticas, horarios y preguntas frecuentes, en documentos cortos y claros. Elimina antes todo lo desactualizado.
¿Cómo evito que el chatbot dé respuestas erróneas?
Basa sus respuestas en tu propio contenido, pruébalo con preguntas que tu contenido no responde y revisa las conversaciones cada semana para corregir huecos.
¿Es gratis un chatbot?
Algunos productos tienen niveles gratuitos o pruebas. Los costes suelen venir de la suscripción a la plataforma y del uso de IA. Consulta la página de precios de cada producto para ver los detalles actuales.
Cuando estés listo, pruébalo con tus propios documentos en el playground y luego empieza una prueba gratuita para ponerlo en tu sitio.
Lecturas recomendadas
- Google Search Central: crear contenido útil pensado para las personas: Lo que busca Google en las páginas útiles.
RESPONDE A CADA VISITANTE. RESERVA CITA A QUIEN ESTÁ LISTO.
Instala Crescelo en tu sitio web en 15 minutos
Entrena a tu asistente con tus listas de precios, documentos y condiciones de servicio. Activa respuestas basadas en tus fuentes las 24 horas y reservas de citas en el chat sin solapamientos.