Cómo personalizar InstantChat.css
Los artículos relacionados con la personalización están redactados para una audiencia técnica con experiencia en el desarrollo web. Se requieren conocimientos de HTML, CSS y JavaScript.
Puede personalizar la apariencia de la interfaz de chat instantáneo utilizando hojas de estilo en cascada (CSS). Por defecto, la interfaz de Instant Chat viene determinada por InstantChat.css. Puedes copiar y editar InstantChat.css para crear estilos personalizados o puedes crear tu propio CSS personalizado. Si crea un archivo CSS personalizado, deberá especificar la ruta en su página html añadiendo la ruta a su CSS alojado:
Importante: A Rescue Master Administrator must allowlist the host(s) where your JS and CSS custom resources are self-hosted. Si desea obtener más información sobre los Administradores, consulte la sección Configuración del Centro de administración en Soluciones de autoservicio totalmente personalizadas.
ICLoader.HostedCSS = "http://[YourSite]/InstantChat.css";Los siguientes ejemplos muestran clases CSS y los elementos de la interfaz de usuario a los que afectan estas clases. Para obtener una lista completa de las clases CSS, consulta Cómo personalizar InstantChat.css.
Note: .ic_waitingtime sólo aparece una vez por sesión. Por ejemplo, .ic_waitingtime no aparece durante la reconexión.
Note: .ic_statusicon_waiting aparece durante toda la sesión cuando el cliente está esperando al técnico.
Article last updated: 27 September, 2022