Diseño y el Estudio de Diseño del Widget
Da estilo al widget para que encaje con tu marca: tokens de tema, componentes y el estudio de diseño por organización.
El grupo Superficies es donde controlas el aspecto del asistente. Puedes ajustar los tokens de tema, ver los componentes que puede representar y diseñar el widget en detalle.
Tema y tokens
El editor de tema te permite definir tus colores de rol, la combinación de fuentes, el radio de las esquinas y la densidad, con una vista previa en vivo del widget. Puedes exportar el resultado como CSS o JSON.
Componentes
Una referencia de los componentes integrados que el asistente puede representar —tablas, tarjetas, formularios y más— junto con la API para registrar tus propios componentes de React y que el asistente también los represente.
Estudio de Diseño del Widget
El Estudio de Diseño es donde diseñas el widget en profundidad. Monta el widget real como un lienzo en vivo, así que lo que ves es lo que se publica:
- Una biblioteca de diseños: mantén varios diseños y elige cuál está activo.
- Asignación por tamaño y por modo: da a cada tamaño de chat su propio diseño si quieres.
- Un inspector de colores, tipografía, forma, el lanzador, iconos y movimiento, anulaciones por tamaño y CSS avanzado.
- Un diseño «detectado» que deriva los esquemas claro y oscuro a partir de tu sitio en vivo.