Passen Sie das Erscheinungsbild, das Verhalten und die Funktionalität Ihres Widgets über das Konfigurationssystem an.
Alle Widget-Einstellungen werden über die Widget-Konfiguration in Ihrem Dashboard verwaltet. Die Konfiguration umfasst Erscheinungseinstellungen, Verhaltensoptionen und Inhaltsanpassungen.
Betrachten Sie die Konfiguration als die DNA Ihres Widgets – sie definiert alles von Farben und Schriftarten bis hin zu Gesprächsabläufen und ersten Nachrichten. Das Beste daran? Änderungen an Ihrer Konfiguration treten sofort in Kraft, ohne dass Änderungen am Code Ihrer Website erforderlich sind.
🎨 Live-Anpassung
Verwenden Sie unseren visuellen Konfigurationseditor im Dashboard, um Ihre Änderungen in Echtzeit zu sehen. Es ist nicht nötig zu raten, wie Farben aussehen oder wie sich Schaltflächen verhalten – sehen Sie sich alles vor der Veröffentlichung in der Vorschau an.
Das visuelle Erscheinungsbild ist entscheidend, damit das Widget sich wie ein natürlicher Teil Ihrer Website anfühlt. Unsere Erscheinungseinstellungen geben Ihnen die vollständige Kontrolle über jeden visuellen Aspekt.
Wählen Sie Farben, die zu Ihrer Markenidentität passen. Alle Farbwerte sollten im Hex-Format vorliegen (z. B. #FF5733).
Profi-Tipp: Verwenden Sie ein Farbkontrastprüfwerkzeug, um sicherzustellen, dass Ihr Text vor Ihren gewählten Hintergründen lesbar bleibt. Dies ist besonders wichtig für die Einhaltung der Barrierefreiheit.
Größen Sie Ihr Widget entsprechend Ihrem Anwendungsfall und Publikum. Größere Abmessungen bieten mehr Gesprächskontext, während kleinere Abmessungen weniger aufdringlich wirken.
Mobile Überlegung: Das Widget passt sich automatisch an mobile Geräte an, aber testen Sie Ihre Konfiguration auf verschiedenen Bildschirmgrößen, um ein gutes Erlebnis für alle Benutzer zu gewährleisten.
Verhaltenseinstellungen steuern, wie das Widget mit Benutzern interagiert und auf verschiedene Kontexte reagiert.
⚠️ Empfehlung
Die meisten Seiten sollten mit dem Widget minimiert beginnen (<code>start_open: false</code>), um nicht aufdringlich zu sein. Benutzer, die Hilfe benötigen, werden natürlich auf die Schaltfläche klicken. Für spezielle Hilfe-/Supportseiten kann es vorteilhaft sein, offen zu beginnen.
Die Begrüßungsnachricht ist das Erste, was die Benutzer sehen, wenn sie das Widget öffnen. Gestalten Sie sie einladend, klar und handlungsorientiert. Sie können interaktive Schaltflächen einfügen, um die Benutzer zu häufigen Aufgaben zu führen.
Eine gute Begrüßungsnachricht sollte:
Hallo! 👋 Ich bin hier, um bei Fragen zu unseren Produkten, Preisen oder Konten zu helfen. Wie kann ich Ihnen heute helfen?
<script src="https://widget.companin.tech/widget.js" data-widget-key="YOUR_WIDGET_KEY"></script>Gesprächsabläufe sind vordefinierte Pfade, die Benutzer durch häufige Szenarien führen. Sie sind perfekt für FAQs, Fehlersuche oder mehrstufige Prozesse wie Rücksendungen oder Buchungen.
Flows werden durch spezifische Schlüsselwörter oder Button-Klicks ausgelöst. Wenn sie ausgelöst werden, zeigen sie eine Reihe von Antworten mit optionalen Aktionsschaltflächen an und schaffen so ein geführtes Gesprächserlebnis, das keine KI-Verarbeitung erfordert.
Best Practices für Abläufe:
{ "flows": [ { "trigger": "/support", "responses": [ { "text": { "en": "How can we help?" }, "buttons": [ { "label": { "en": "Technical Support" }, "action": "/tech-support" } ] } ] } ]}Text für mehrere Sprachen konfigurieren:
Fügen Sie benutzerdefiniertes CSS für erweiterte Stile hinzu:
/* Benutzerdefinierte Widget-Stile */.companin-widget-container .custom-button { background: linear-gradient(45deg, #ff6b6b, #4ecdc4);}.companin-widget-container .message-bubble { border: 2px solid #ff6b6b;}Konfigurieren Sie externe API-Endpunkte für erweiterte Funktionen: