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: Sehen Sie die darstellbaren Komponenten an und gestalten Sie das Widget im Detail im Widget-Design-Studio.
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.
Ein Design erstellen und aktivieren, Schritt für Schritt
Das Design Studio bindet das echte Widget als lebende Leinwand ein, sodass das, was Sie sehen, auch das ist, was ausgeliefert wird:
- Das Design Studio öffnenGehen Sie zur Gruppe Surfaces und öffnen Sie das Widget Design Studio. Es lädt das Live-Widget neben einer Design-Bibliothek.
- Ein Profil erstellenKlicken Sie auf New profile und benennen Sie es — oder duplizieren Sie das eingebaute 'detected'-Design, das helle und dunkle Schemata aus Ihrer Live-Website ableitet, und bearbeiten Sie von dort aus weiter.
- Es im Inspektor feinjustierenÖffnen Sie das Profil zum Bearbeiten. Nutzen Sie den Inspektor, um Farben, Typografie, Form, den Launcher, Symbole und Bewegung anzupassen — die Live-Leinwand aktualisiert sich mit, während Sie arbeiten, und Ihre Änderungen werden gespeichert, während Sie sie vornehmen.
- Es Größen und Modi zuweisenWählen Sie im Panel Sizes & modes, welche Chat-Größen und -modi dieses Design verwenden — Sie können jeder Größe bei Bedarf ihr eigenes geben.
- Es zum verwendeten machenBeim Speichern wird das gespeicherte Erscheinungsbild des Profils aktualisiert, Ihr Live-Widget ändert sich aber erst, wenn Sie Use this design wählen, um es zum aktiven zu machen. Überführen Sie es in die Produktion, wenn Sie zufrieden damit sind.