{"section":"tutorials","requestedLocale":"es","requestedSlug":"como-crear-un-canal-web","locale":"es","slug":"como-crear-un-canal-web","path":"docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web.md","branch":"main","content":"Al integrar el canal, puedes personalizar aspectos del Web Chat como: color, tiempo de separación entre mensajes, indicadores de mensaje, avatar y mucho más. De esta manera, aseguras que todo lo que ofrece la Plataforma Weni tenga el estilo de tu marca. A continuación, te mostraremos el paso a paso para realizar la integración.\n\n## Creando un canal web\n\n1. Para integrar tu chatbot a un canal web, primero debes ingresar a la organización donde se encuentra el proyecto, para que así podamos integrar el canal.\n2. Localiza el proyecto que deseas integrar.\n3. En la barra lateral, haz clic en **Aplicaciones**.\n4. Al hacer clic en **Aplicaciones > Descubrimiento**, selecciona la opción **Weni Web Chat**.\n5. Haz clic en el botón **Acceder a mis aplicaciones** y luego haz clic nuevamente en la tarjeta de **Weni Web Chat** para acceder a las configuraciones de personalización.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_1.png)\n\n6. Al abrir el panel de personalización de Weni Web Chat, tendrás las siguientes opciones para configurar:\n\n- Título de tu chat;\n- Subtítulo del chat (opcional);\n- Mensaje inicial: cuando está activado, es el primer mensaje que envía tu chatbot (opcional);\n- Mensaje de notificación del chat (opcional);\n- Mostrar botón de pantalla completa (opcional);\n- Indicador de mensajes no leídos (opcional);\n- Mantener historial de mensajes (opcional);\n- Tiempo entre los mensajes.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_2.png)\n\n7. En la pestaña de apariencias, tienes la opción de personalizar el chat a través de formato CSS. Además, puedes importar una imagen en formato PNG, JPG o JPEG para usarla como avatar y también cambiar el color de tu chat.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_3.png)\n\n8. Al finalizar la personalización, para instalar Weni Web Chat en tu sitio web, copia este código, que aparecerá al hacer clic en \"\"código script\"\", y pégalo justo antes de la última etiqueta `</body>` 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/como-crear-un-canal-web_4.png)"}