{"section":"tutorials","requestedLocale":"es","requestedSlug":"canal-weni-web-chat","locale":"es","slug":"canal-weni-web-chat","path":"docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat.md","branch":"main","content":"Si tienes un sitio web y te gustaría integrar tu bot en él, la solución es nuestro canal **Web chat**, que sirve para atender a las personas que visitan tu sitio y desean obtener más información o asistencia humana.\n\n## Cómo crear un canal web chat\n\n1. En tu proyecto, haz clic en **Aplicaciones > Descubrimientos > Añade el canal Weni Web Chat.**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat_1.png)\n\n2. A continuación, haz clic en **Mis Aplicaciones** y accede al canal **Web Chat** que has creado.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat_2.png)\n\n3. Al hacer clic en la aplicación, se abrirá una ventana de configuración de tu **Weni Web Chat** con opciones de personalización para tu Web Chat.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat_3.png)\n\n**Ajustes**: Aquí puedes asignar un nombre al bot, el nombre de la empresa, además de una palabra clave que activará un flujo de preferencia, un mensaje inicial y otras configuraciones relacionadas con los mensajes.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat_4.png)\n\n**Apariencia**: puedes cargar un CSS personalizado, una imagen del bot y ajustar la paleta de colores.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat_5.png)\n\nAl finalizar la personalización de tu **Web Chat**, haz clic en el botón **Guardar cambios** para guardar las modificaciones y generar el código **script**.- **Código Script**: Después de guardar la información, se generará un código **script** que deberás utilizar en tu sitio web.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/canal-weni-web-chat_6.png)"}