Como crear un canal web

2 min de lectura

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.

Creando un canal web

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.
Localiza el proyecto que deseas integrar.
En la barra lateral, haz clic en Aplicaciones.
Al hacer clic en Aplicaciones > Descubrimiento, selecciona la opción Weni Web Chat.
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.

${"base64":" ","img":{"width":620,"height":419,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":35451,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_1.png"}}$

Al abrir el panel de personalización de Weni Web Chat, tendrás las siguientes opciones para configurar:

Título de tu chat;
Subtítulo del chat (opcional);
Mensaje inicial: cuando está activado, es el primer mensaje que envía tu chatbot (opcional);
Mensaje de notificación del chat (opcional);
Mostrar botón de pantalla completa (opcional);
Indicador de mensajes no leídos (opcional);
Mantener historial de mensajes (opcional);
Tiempo entre los mensajes.

${"base64":" ","img":{"width":1904,"height":905,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":177732,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_2.png"}}$

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.

${"base64":" ","img":{"width":1707,"height":900,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":157391,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_3.png"}}$

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.

${"base64":" ","img":{"width":1706,"height":896,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":165348,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/weni-by-vtex/integraciones/como-crear-un-canal-web_4.png"}}$