Die Chat-Oberfläche anpassen
Die Chat-Oberfläche steuert die visuelle und textliche Darstellung innerhalb des Kundenerlebnisses, während der Einstiegspunkt steuert, wie Käufer sie auf verschiedenen Seiten und Geräten entdecken. Beide Bereiche bie...
Die Chat-Oberfläche steuert die visuelle und textliche Darstellung innerhalb des Kundenerlebnisses, während der Einstiegspunkt steuert, wie Käufer sie auf verschiedenen Seiten und Geräten entdecken. Beide Bereiche bieten Vorschauen, aber die endgültige Validierung muss auf dem echten Storefront erfolgen.
Diese Anleitung behandelt die aktuellen Steuerelemente für Avatar, Farbe, Form, optionalen Text, Warenkorb, Symbol, Einstiegspunkt und Seitenregeln, ohne davon auszugehen, dass jedes Unternehmen oder jede Integration identische Optionen bereitstellt.
Wie dies in Humind passt
AI Agent ist der Konfigurationsbereich für den kundenorientierten Assistenten. Knowledge und Katalog liefern Fakten, Guidance formt das Antwortverhalten, Tools fügen Aktionen hinzu, Escalation definiert den menschlichen Support, und Testoberflächen ermöglichen es Ihnen, das Ergebnis vor der Bereitstellung zu prüfen.
Änderungen können viele Gespräche betreffen, testen Sie daher nach jeder wesentlichen Aktualisierung repräsentative Kauf- und Support-Szenarien. Ein visuell korrekter Chat reicht nicht aus: Prüfen Sie Antwort, Produktkontext, verfügbare Aktion und Übergabeverhalten zusammen.
Bevor Sie beginnen
Zugriff: Schreibzugriff auf die Agent-Konfiguration ist erforderlich. Einige erweiterte Einstellungen sind auf Humind-Administratoren beschränkt, und Shopify-spezifische Steuerelemente erscheinen nur für verbundene Shopify-Unternehmen.
- Bereiten Sie freigegebene Logo- oder Avatar-Assets und Markenfarben vor.
- Prüfen Sie Farbkontrast und Einschränkungen des mobilen Storefront, bevor Sie Werte auswählen.
- Listen Sie Seitentypen auf, auf denen der Launcher sichtbar, ausgeblendet oder angepasst sein soll.
Schritt-für-Schritt-Ablauf
Die visuelle Grundlage festlegen
Öffnen Sie AI Agent und dann Chat-Oberfläche. Wählen Sie einen Avatar aus der Galerie oder laden Sie das vorgesehene Asset hoch. Legen Sie Interface- und Textfarben, die Rundung der Sprechblasen, Hintergrund- und Textfarben für In den Warenkorb sowie die Rundung der Schaltflächen fest.
Verwenden Sie die Vorschau während der Bearbeitung und prüfen Sie in jeder farbigen Komponente einen gut lesbaren Kontrast. Einstellungen auf dieser Seite werden live gespeichert, warten Sie daher auf die Speicherbestätigung und vermeiden Sie schnelle widersprüchliche Änderungen.
Erweiterte Darstellungsoptionen prüfen
Die aktuelle Oberfläche kann optional einen benutzerdefinierten Agent-Namen, einen Startseitentitel und einen Startseitengruß verwenden. Sie kann das Glitzersymbol, das Geschenkfinder-Bild, vordefinierte Fragen und die Schaltfläche In den Warenkorb ein- oder ausblenden. Shopify-Unternehmen können über die verfügbare Zielsteuerung auswählen, ob die Warenkorbaktion zum Warenkorb oder zum Checkout führt.
Ein leerer benutzerdefinierter Startseitenwert kann diese Zeile absichtlich ausblenden. Dokumentieren Sie diese Entscheidung, damit ein leeres Ergebnis später nicht fälschlich als verlorener Inhalt angesehen wird.
Den Standard-Einstiegspunkt konfigurieren
Öffnen Sie AI-Widgets und dann Einstiegspunkt. Aktivieren Sie den Standard-Launcher und wählen Sie seinen Typ, seine Position, Beschriftung, Avatar-Sichtbarkeit, Blasengröße, Logo-Behandlung sowie horizontale oder vertikale Offsets, sofern verfügbar. Wechseln Sie zwischen Desktop und Mobil, um beide Konfigurationen zu prüfen.
Halten Sie den Launcher auffindbar, ohne Store-Navigation, Einwilligungssteuerungen, Produktkaufaktionen oder Barrierefreiheits-Widgets zu überdecken.
Seitenspezifische Regeln nur bei Bedarf hinzufügen
Seitenregeln können unterstützte Seitentypen ansprechen und die Sichtbarkeit auf Mobilgeräten oder Desktop auf ausgeblendet, geerbt oder angepasst setzen. Angepasste Regeln können die Darstellung des Launchers für den ausgewählten Seitenkontext ändern. Produktseitenregeln können auch die aktuelle automatische Produktfragen-Option verfügbar machen.
Vermeiden Sie sich überschneidende Regeln. Verwenden Sie die Kontextregisterkarten der Vorschau, um Standard- und seitenspezifische Ergebnisse zu vergleichen, und löschen Sie veraltete Regeln, anstatt Ausnahmen unbegrenzt zu stapeln.
Barrierefreiheit und Live-Layout validieren
Testen Sie Tastaturzugriff, Textkontrast, Öffnen und Schließen, lange übersetzte Texte, schmale Bildschirme, Produktseiten und Warenkorbverhalten in der Vorschau. Stellen Sie dann bereit und wiederholen Sie die Prüfungen auf dem echten Storefront in einem privaten Browser.
Wenn sich das Live-Ergebnis unterscheidet, untersuchen Sie Installation, veraltete Storefront-Assets, Unternehmenskontext und die Übereinstimmung der Seitenregeln, bevor Sie das Design erneut ändern.
Berechtigungen und wichtige Hinweise
- Die Vorschau enthält nicht jedes Storefront-Theme, Overlay oder responsive Verhalten.
- Erweiterte und Shopify-spezifische Optionen sind bedingt, dokumentieren Sie nur Steuerelemente, die für das aktive Unternehmen sichtbar sind.
- Live gespeicherte Einstellungen können Tests unmittelbar nach der Speicherung beeinflussen.
- Seitenregeln sollten zwischen Desktop und Mobil weiterhin konsistent nachvollziehbar bleiben.
Das Ergebnis überprüfen
Verwenden Sie diese Checkliste, bevor Sie die Arbeit als abgeschlossen betrachten:
- Avatar, Text, Oberfläche und Warenkorbfarben erfüllen den Kontraststandard des Teams.
- Die Vorschauen des Standard- und seitenspezifischen Einstiegspunkts stimmen mit dem dokumentierten Regelsatz überein.
- Lange Beschriftungen, Übersetzungen, Tastaturfokus und mobile Layouts bleiben nutzbar.
- Das Live-Storefront zeigt einen einzigen korrekten Launcher an, ohne kritische Steuerelemente zu überdecken.
Fehlerbehebung
Eine visuelle Änderung erscheint nicht
Warten Sie auf die Speicherbestätigung der Seite, bestätigen Sie das aktive Unternehmen, aktualisieren Sie die Vorschau und testen Sie eine frische Storefront-Sitzung. Prüfen Sie, ob eine seitenspezifische Regel den Standard überschreibt.
Der Launcher erscheint an der falschen Stelle
Prüfen Sie Geräteauswahl, Position, Offsets und die passende Seitenregel. Bestätigen Sie, dass keine weitere doppelte Widget-Installation die unerwartete Instanz erzeugt.
Text oder Schaltflächen sind schwer lesbar
Prüfen Sie erneut sowohl Hintergrund- als auch Textfarben für Interface- und Warenkorb-Steuerelemente. Testen Sie tatsächliche Beschriftungen und übersetzten Text in Desktop- und Mobilgrößen, bevor Sie das korrigierte Design veröffentlichen.