{"section":"tutorials","requestedLocale":"es","requestedSlug":"como-crear-un-canal-web","locale":"es","slug":"como-crear-un-canal-web","path":"docs/es/tutorials/vtex-cx-platform/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 VTEX CX Platform 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 **VTEX CX Platform Web Chat**.\n5. Haz clic en el botón **Acceder a mis aplicaciones** y luego haz clic nuevamente en la tarjeta de **VTEX CX Platform Web Chat** para acceder a las configuraciones de personalización.\n6. Al abrir el panel de personalización de VTEX CX Platform 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\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.\n8. Al finalizar la personalización, para instalar VTEX CX Platform 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."}