Integración con Webflow
Añade un chatbot con IA a tu web de Webflow
Entrena un agente con tus páginas de Webflow, el contenido del CMS y tus documentos, y añádelo a todas las páginas con una línea en el código del pie de página. Pruébalo en el Playground antes de publicar.
Última actualización:
Cómo funciona intoCHAT en Webflow
Webflow te permite añadir código personalizado a toda la web desde Site settings. intoCHAT solo necesita una etiqueta script en el código del pie de página, y la burbuja de chat aparece en todas las páginas publicadas. El agente responde con el contenido que le das, como tus páginas de Webflow, elementos del CMS, PDF y pares de preguntas y respuestas, y avisa cuando no encuentra la respuesta. Los colores, el avatar y el mensaje de bienvenida se gestionan en intoCHAT: publicas una vez y cambias el agente cuando quieras.
Instalar intoCHAT en Webflow
Crea y entrena tu agente
Regístrate en intoCHAT, crea un agente y añade la dirección de tu web de Webflow en la pestaña Knowledge. intoCHAT encuentra hasta 500 páginas a través del sitemap y los enlaces, y tú eliges cuáles incluir.
Copia la etiqueta script
Abre la pestaña Share y copia el código de Bubble Chat. Ya incluye el ID de tu agente.
Pégala en Footer code
En Webflow, abre Site settings y ve a la pestaña Custom code. Pega el script en el campo Footer code, no en Head code, y haz clic en Save changes.
Publica tu web
El código personalizado solo se activa al publicar. Publica la web y abre la dirección pública: la burbuja de chat aparece en la esquina inferior con tus ajustes de Appearance.
El código para el pie de página de Webflow
<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>Pégalo en Footer code, no en Head code. El script añade la burbuja de chat al body de la página en cuanto se ejecuta, así que tiene que cargarse dentro del body.
Qué hace el agente en tu web de Webflow
Lee tus páginas y tu CMS
intoCHAT encuentra páginas a través del sitemap y los enlaces, incluidas las páginas del CMS como las entradas del blog. Tú eliges las páginas y puedes excluir rutas con patrones.
Responde con tu contenido
Las respuestas salen de tus fuentes, encontradas con búsqueda semántica y por palabras clave. Reglas integradas mantienen al agente en tu contenido, resisten la inyección de prompts y le hacen decir cuándo no sabe algo.
Convierte visitas en leads
Pide un email o un teléfono en el chat, de forma manual, por reglas o cuando la IA lo decida. Cada lead nuevo te llega por email y puedes exportar todos los leads en CSV.
Llama a tus propias APIs
Con las acciones de API personalizadas, el agente consulta tus endpoints HTTP durante el chat, con bearer token, basic auth o API key. Hasta 25 acciones por agente.
Encaja con tu diseño
Ajusta colores, avatar, icono del botón, texto de ayuda y posición a tu diseño de Webflow, o importa tu logo y tus colores desde la dirección de tu web.
Preguntas frecuentes
¿Qué plan de Webflow necesito?
Webflow permite añadir código personalizado a toda la web cuando esta tiene un Site plan activo o pertenece a un Workspace Core, Growth, Agency o Freelancer. intoCHAT tiene su propio plan gratuito con 25 mensajes al mes, así que puedes probar el agente primero.
¿intoCHAT ralentiza mi web de Webflow?
El script es un único archivo que se carga al final del body de la página, después de tu contenido. La ventana del chat funciona en su propio iframe servido por intoCHAT, así que su código queda separado del de tu web.
¿Por qué no veo la burbuja de chat?
El código personalizado solo se activa al publicar, así que publica después de guardar y revisa la dirección pública. Comprueba que el script está en Footer code y no en Head code, porque necesita que el body de la página exista cuando se ejecuta. Compara también el ID del agente del código con el de la pestaña Share.
¿Puedo mostrar el chat solo en algunas páginas?
Sí. Deja vacío el Footer code de la web y abre las Page settings de cada página que deba tener el chat. Pega el script en la sección Before </body> tag de Custom code, guarda y publica.
¿El agente conoce automáticamente los nuevos elementos del CMS?
Solo cuando los añades. intoCHAT no vuelve a sincronizar las fuentes de forma automática, así que tras publicar nuevos elementos del CMS añade esas páginas en la pestaña Knowledge o vuelve a entrenar las páginas que cambiaron.
¿Tengo que volver a publicar en Webflow cuando cambio el agente?
No. El script solo lleva el ID de tu agente. Los colores, la posición, el mensaje de bienvenida y el conocimiento se cargan desde intoCHAT en cada visita a una página, así que los cambios aparecen sin volver a publicar.
Míralo responder con tu propia web
Pega la dirección de tu web y chatea con un agente creado a partir de tus páginas. Tarda alrededor de un minuto.
Crea tu agente gratisPlan gratuito, sin tarjeta de crédito.