--- title: "Configura el widget de chat para tu sitio web" description: "Con el widget de chat para sitio web, tus clientes pueden hacer preguntas directamente en tu sitio sin buscar información de contacto." canonical_url: https://chatfuel.com/es/docs/website/set-up-chat-widget-for-website markdown_url: https://chatfuel.com/es/docs/website/set-up-chat-widget-for-website.md last_updated: 2026-09-09 lang: es site: https://chatfuel.com/docs llms_txt: https://chatfuel.com/llms.txt --- # Configura el widget de chat para tu sitio web Con el widget de chat para sitio web, tus clientes pueden hacer preguntas directamente en tu sitio sin buscar información de contacto. Con el widget de chat para sitio web, tus clientes pueden hacer preguntas rápidamente en tu propio sitio sin tener que buscar información de contacto. Simplemente abren el chat y empiezan a hablar. La configuración consta de unos pocos pasos clave: 1. Configurar los ajustes básicos del widget 2. Agregar el código del widget a tu sitio web 3. Activar la IA para el widget Instalar el código del widget es uno de los pocos pasos que el AI Co-Worker no puede completar por ti: pegar el fragmento en el HTML de tu sitio ocurre fuera de Chatfuel. El Co-Worker puede llevarte directamente a la página correcta: solo pídeselo. ## Configura tu widget [#configura-tu-widget] Primero, necesitas definir los ajustes básicos. 1. Ve a `Settings` > selecciona `Website`. 2. Configura la apariencia (nombre de la empresa, color de acento y logo). 3. Agrega los dominios de tu sitio web. 4. Copia el código de instalación. ## Agrega el widget a tu sitio [#agrega-el-widget-a-tu-sitio] Luego, agrega el fragmento de código de `Settings` al HTML de tu sitio para que el widget de chat aparezca en tu sitio web. Coloca el fragmento de código: * Antes de la etiqueta `` * Dentro de la etiqueta `` Si no te sientes cómodo editando el HTML de tu sitio web, lo mejor es pedir ayuda a tu desarrollador web. ## Configúralo en Automations [#configúralo-en-automations] La IA del widget se controla con la [automatización](https://chatfuel.com/es/docs/ai-features/automations) **Website widget**. Actívala y tu [asistente de IA hablará con los clientes por ti](https://chatfuel.com/es/docs/ai-features/why-chatfuel-does-not-use-buttons) a partir del conocimiento que proporciones sobre tu negocio. 1. Ve a **Fuely AI** → **Automations**. 2. En **Website**, abre la automatización **Website widget** y actívala. Como toda base automation, empieza desactivada. 3. Agrega información sobre tu negocio a la [Knowledge Base](https://chatfuel.com/es/docs/ai-features/how-to-set-up-knowledge-base); funciona igual que configurar la IA para [Instagram](https://chatfuel.com/es/docs/instagram/how-to-activate-ai-in-instagram), [Facebook](https://chatfuel.com/es/docs/facebook/how-to-activate-ai-in-facebook) o [WhatsApp](https://chatfuel.com/es/docs/whatsapp/how-to-activate-ai-in-whatsapp). 4. Ajusta la configuración de la automatización si quieres un comportamiento específico para el widget; por ejemplo, [seguimientos](https://chatfuel.com/es/docs/ai-features/how-to-set-up-follow-ups), [reservas automáticas](https://chatfuel.com/es/docs/ai-features/how-to-set-up-ai-autobooking) o **Additional instructions** sobre cómo habla la IA ahí. 5. [Pruébalo](https://chatfuel.com/es/docs/ai-features/how-to-test-your-automation) en el **Test chat** para ver cómo responde la IA. Cuando un cliente necesita ayuda humana, un agente puede [tomar el control de la conversación](https://chatfuel.com/es/docs/ai-features/how-to-stop-ai-during-active-conversations) en cualquier momento. ## O pídeselo al AI Co-Worker [#o-pídeselo-al-ai-co-worker] Dile lo que quieres en el chat: *"Activa el widget de chat en mi sitio web y haz que la IA responda ahí."* Habilita la automatización Website widget, configura lo que la IA responde ahí y confirma lo que configuró. ## Activa el widget de chat [#activa-el-widget-de-chat] Cuando todo esté listo, activa tu widget de chat. 1. Abre `Settings` > `Website`. 2. Activa o desactiva el widget con el interruptor.