CSS personalizado

Puedes personalizar el CSS del widget de chat para que se adapte a tus necesidades

Disponible en el plan PREMIUM y superior.

Para realizar cambios en la interfaz de usuario utilizando el CSS, debe ir a "Configuración de canal -> Web -> Apariencia".

Estas son las clases que puedes modificar:

Campo	Nombre de la clase
Mensaje emergente	.avatar .popup-mensaje .popup-close-button
Texto del encabezado	.bot-título
Logotipo de encabezado	.avatar--title
Metainformación de fecha	.meta-info .meta-info--label
Mensaje de texto en la sección de chat	.mensaje de texto
Marca de tiempo e indicador de escritura	.Timestamp
Cuadro de diálogo Opciones / Botones	.botón-opción
Título / Subtítulo / Botones del carrusel	.carrusel-título .carrusel-subtítulo .carrusel-botón
Botón Enviar calendario	.botón de envío
Imagen de carrusel	.tarjeta-vista-imagen
Título del control deslizante y botón de envío	.popup-title .botón de envío
Botón Cargar archivos, Enviar, Agregar más	.popup-title .submit-file .add-archivo
Botón de inicio	.home--botón .reset--botón
Botones de acción	.botón-acción
Cuadro de entrada en el widget de chat	.chat-input
Avatar para el título	.avatar
Encabezado del widget de chat	.mensaje-encabezado-de-pantalla
Raíz de carrusel, Imagen, Marco deslizante de carrusel,	Carrusel & Carrusel-Imagen: .slider-frame .tarjeta-imagen
Elemento de lista de archivos Raíz y clases para el título, icono	vista previa de archivo: etiqueta: .filepond--root .iconwrap textwrap archivo listitem: .filepond--file-wrapper .filepond--action-remove-item
Entrada de formulario	.form-input
Entrada de teléfono, Cuadro de búsqueda para el menú desplegable de países, Lista de países	.phone-entrada: .search-box-sub-container .lista-de-país
Cajón de Google Calendar	.google-calendar