Design & das Widget-Design-Studio
Gestalten Sie das Widget passend zu Ihrer Marke — Theme-Tokens, Komponenten und das Design-Studio pro Organisation.
In der Gruppe Oberflächen steuern Sie das Aussehen des Assistenten. Sie können Theme-Tokens anpassen, die darstellbaren Komponenten ansehen und das Widget im Detail gestalten.
Thema & Tokens
Im Theme-Editor legen Sie Ihre Rollenfarben, die Schriftpaarung, den Eckenradius und die Dichte fest, mit einer Live-Vorschau des Widgets. Das Ergebnis können Sie als CSS oder JSON exportieren.
Komponenten
Eine Referenz der eingebauten Komponenten, die der Assistent darstellen kann — Tabellen, Karten, Formulare und mehr — samt der API, um eigene React-Komponenten zu registrieren, damit der Assistent auch sie darstellt.
Widget-Design-Studio
Im Design-Studio gestalten Sie das Widget im Detail. Es bindet das echte Widget als Live-Canvas ein, sodass das, was Sie sehen, auch ausgeliefert wird:
- Eine Design-Bibliothek — halten Sie mehrere Designs vor und wählen Sie das aktive.
- Zuweisung pro Größe und pro Modus — geben Sie jeder Chat-Größe bei Bedarf ihr eigenes Design.
- Ein Inspektor für Farben, Typografie, Form, den Starter, Symbole und Bewegung, Überschreibungen pro Größe und erweitertes CSS.
- Ein „erkanntes“ Design, das helle und dunkle Schemata aus Ihrer Live-Site ableitet.