Especificaciones para la ventana de chat web

Primero debes saber que todos los componentes editables de la ventana de conversación web, los predeterminas desde la sección´Configuraciones´ en el canal Web puntual que necesites ajustar. En este link encuentras todos los pasos. 

1. El tamaño de la ventana de chat es estándar y sus medidas son:
   1. Ventana principal: 320 x 500 píxeles
   2. Ventana de complemento: 318 píxeles x auto.
   3. No se puede personalizar. Es posible agregar la ventana de complemento con FAQs o prescindir de esa configuración.
2. Header: se puede agregar el logo o imagen de marca.
   1. Tamaño de header: 320px de ancho x 48px de alto con padding incluido.
   2. Tamaño máximo de logo: 185px de ancho x 35px de alto. 
   3. Peso máximo permitido: 8 MB.
   4. Tamaño recomendado para el logo o imagen de marca:si bien puede variar dependiendo de las proporciones del elemento a cargar, la configuración del título, la ventana y su longitud, la sugerencia estándar es: 
      1. Ancho mínimo: 50px.
      2. Ancho máximo: 88px.
   5. Formatos permitidos: JPG, PNG y GIF.
   6. No es posible cambiar el tamaño del header ni tampoco del footer.
3. Icono del Mensaje: para personalizar las interacciones del asistente virtual es posible agregar una imagen y modificarle el nombre.
   1. Formato de imagen: PNG, JPG o GIF.
   2. Peso máximo permitido: 8 MB
   3. Tamaño dentro de la ventana:20 x 20 píxeles.
4. Avatar: es posible incorporar un avatar a la ventana de chat, ya sea una imagen fija o una animación con diferentes reacciones de acuerdo a las interacciones. Esto se puede habilitar o deshabilitar desde el administrador de canales.
   1. Avatar estático.
   2. Avatar dinámico.
5. Color: la ventana se puede personalizar con el color institucional o representativo de la empresa en formato HEXADECIMAL.
6. Botón cerrar: permite habilitar o deshabilitar la posibilidad de cerrar la ventana.
7. Tipografía: la fuente del texto predeterminada es Open Sans:, no se puede modificar. Sin embargo, es posible cambiar su tamaño, que por defecto se encuentra configurado en dimensión pequeña, pero cuentas con tres opciones disponibles para seleccionar la más adecuada. 
   1. Pequeña: 11px
   2. Mediana: 12px
   3. Grande: 13px