Para agregar un chatbot con IA a Webflow con DokBot, publicá tu bot, copiá su script desde la pestaña Instalar y pegalo en el campo Footer code, dentro de Site settings > Custom code. Webflow ubica ese código antes del cierre de body, así que el widget carga en todas las páginas publicadas. Esta guía cubre solo el método manual con script que describe la documentación de DokBot.
En Webflow, los scripts personalizados solo se ejecutan en el sitio publicado, no en el Designer. Primero probá las respuestas en Live Preview y después publicá. Los pasos siguen el artículo de ayuda de Webflow sobre custom code, que revisamos el 2 de noviembre de 2026.
¿Qué necesitás antes de empezar?
Necesitás una cuenta de DokBot con un bot y una base de conocimiento armada con archivos admitidos o una página web, si esa opción está disponible en tu plan. Del lado de Webflow, necesitás un sitio donde el custom code esté disponible. El artículo de Webflow menciona workspaces Core, Growth, Agency y Freelancer, o un plan de sitio activo. El artículo no menciona planes gratuitos ni Starter, así que confirmá tu plan en el panel de Webflow antes de depender de este método.
Según el artículo de Webflow, los site managers y los diseñadores pueden agregar custom code. Si no ves la pestaña Custom code, revisá tu rol en el sitio y tu plan. El soporte de Webflow no ayuda con la configuración de custom code, así que para esas consultas usá el foro de Webflow.
Paso 1: entrená el bot y probalo en Live Preview
Subí los documentos de los que tus visitantes necesitan respuestas, como descripciones de servicios, reglas de precios, políticas de reserva y preguntas frecuentes. DokBot admite archivos PDF, DOCX, XLSX, MD y TXT. Después hacele al bot las preguntas que realmente te llegan de clientes. Live Preview sirve para detectar respuestas incorrectas o faltantes antes de publicar, pero no garantiza la exactitud, así que revisá cada respuesta vos mismo.
En la configuración del bot, revisá Dominios permitidos. Si lo dejás vacío, cualquier sitio puede cargar el widget. Si cargás dominios, incluí tu dominio propio y también la dirección .webflow.io si tus visitantes todavía llegan por ella.
Paso 2: copiá el script desde la pestaña Instalar
Publicá tu bot y abrí su pestaña Instalar. Copiá la etiqueta script que aparece allí. Cada bot tiene su propio identificador, así que nunca reutilices la etiqueta de otro bot. Un bot en borrador no responde en sitios externos, por eso publicalo antes de probarlo en tu sitio real de Webflow.
<!-- Paste the exact script from your bot’s Install tab -->
<script src="https://www.dokbot.app/widget.js" data-bot-id="YOUR_BOT_ID" async></script>Paso 3: pegá el script en Footer code de Webflow
En Webflow, abrí Site settings y entrá a la pestaña Custom code. En la sección Footer code, pegá el script y hacé clic en Save changes. Webflow indica que ese código aparece antes del cierre de body y se aplica a todo el sitio.
¿Querés el chatbot solo en una página? Abrí esa página en el Designer, entrá a Page settings y pegá el script en la sección Before </body> tag, dentro de Custom code. Usá un lugar o el otro, no los dos, para que el widget no se cargue dos veces. Pegá solo la etiqueta script y no agregues etiquetas html, head ni body, porque pueden romper el diseño.
Paso 4: publicá el sitio y probalo en el celular
En Webflow, los cambios no quedan en vivo hasta que publicás el sitio. Publicá y después abrilo en una ventana privada, en computadora y en celular. Confirmá que el widget carga, que el mensaje de bienvenida es correcto y que las respuestas coinciden con tus políticas actuales. Durante la primera semana, revisá las conversaciones todos los días. Las preguntas repetidas suelen indicar un documento faltante o poco claro.
Si algunas consultas necesitan una persona, como un presupuesto a medida o un reclamo, configurá la derivación antes de publicar. Si no, el bot solo puede decir lo que sabe y el visitante puede irse sin respuesta.
Preguntas frecuentes
¿Necesito saber programar? No. Pegar una etiqueta script en un campo no requiere programar. Si el Designer de Webflow te resulta ajeno, pedíle ayuda a quien administra tu sitio.
¿Por qué no aparece el widget? Revisá, en este orden: que el bot esté publicado; que tu dominio esté en Dominios permitidos o que la lista esté vacía; que el script esté guardado en Footer code o en Page settings; y que hayas publicado el sitio después de guardar. Después probá en una ventana privada, para no ver una versión guardada en caché. Recordá que el widget nunca se ve en el Designer.
¿El chatbot conoce mi stock en tiempo real o los ítems de mi CMS? Solo si esa información está en su base de conocimiento. Responde con los documentos y páginas asignados al bot, así que mantenelos actualizados.
Fuentes y fecha de verificación
El Veredicto: ¿por qué elegir DokBot?
- Pegá el script de DokBot en Footer code de Webflow (Site settings > Custom code), o en Page settings si lo querés en una sola página. Guardá y publicá.
- El custom code requiere un plan de Webflow que lo admita, y solo se ejecuta en el sitio publicado. Confirmá las dos cosas antes de probar.
- Probá en computadora y celular, y revisá las conversaciones durante la primera semana para completar los vacíos de tus documentos.
Entrená un bot con el contenido de tu sitio Webflow
Subí tus políticas y documentos de productos, revisá las respuestas en Live Preview y copiá el script desde la pestaña Instalar cuando el bot esté publicado.