Saltar al contenido principal

Apariencia y marca de chat

Un chat que parece pertenecer a tu tienda, en lugar de un widget conectado, gana más confianza de los clientes que están decidiendo si lo usan. Aquí está lo que realmente puedes controlar desde la aplicación de administración Apariencia y Configuración páginas.

Comenzando con una plantilla de estilo

Tres plantillas incorporadas te dan un punto de partida: Clásico (fondo sólido, fronteras, sombras tradicionales), Floteante (glass, ambient-glow, elementos transparentes modernos), y Brillo de burbujas (redondeado, estilo iOS, un contorno suave brillante con un relleno de vidrio congelado). Cambiar plantillas carga un conjunto de configuraciones correspondientes para sombras, bordes, divisores y radios, y aún puedes ajustar cada uno de ellos después sin perder la apariencia general.

Colores

El color del mensaje del usuario (el fondo de los mensajes propios de un cliente) y el color del mensaje del bot (las respuestas de la IA), cada uno con su propio color de texto. border/bubble color en una página específica cuando ese bloque tiene "Use configuraciones personalizadas" activadas. Más allá de eso: fondo del contenedor, color y ancho del borde, sombra (offset, borrado, opacidad), y color y grosor del divisor entre mensajes.

Forma y espaciamiento

Radius del contenedor exterior, radius de burbuja de chat, y input/button Radius cualquier cosa desde esquinas afiladas hasta completamente redondeadas. Ancho del contenedor, relleno y margen. Alteza máxima de chat en escritorio y móvil, cada uno como porcentaje del puerto de visión.

La burbuja flotante

El chat siempre se hace como una burbuja flotante de posición fija, anclada en el fondo izquierda o derecha abajo nunca en línea, nunca en una barra lateral. Usted controla su posición (izquierda o derecha), su tamaño en píxeles, su icono (brillo, chat, mensaje, pregunta, robot o búsqueda), su color del icono, y si se muestra en absoluto. Ver Posicionamiento y diseño de chat para la orientación de la colocación.

Título, botón de inicio de sesión y aviso de responsabilidad

Muestre o oculte el encabezado de chat, con su propio color de texto. Muestre o oculte el prompt de inicio de sesión de invitado. Muestre o oculte el texto de descarga de responsabilidad de IA ("Esta guía de IA puede cometer errores...").

El producto CSS

Las configuraciones globales incluyen un Custom CSS campo, inyectado directamente en la página. Estilo avanzado de chat para el CSS propiedades personalizadas y DOM estructura que puede apuntar con seguridad.

Lenguaje

La interfaz de usuario del widget en las etiquetas de pantalla, los mensajes de estado de la herramienta, el encabezado y el descargo de responsabilidad admite tres idiomas: inglés, alemán y holandés, resuelto a partir del idioma de contenido de su tienda. Esta no es una traducción automática de contenido arbitrario; es un conjunto fijo de cadenas traducidas. Ver Soporte multilingüe.

Los siguientes pasos