Widget-Einstellungen konfigurieren
Passen Sie Ihr Self-Service-Widget an Ihr Branding und Ihren Support-Workflow an. Alle Einstellungen werden vor dem Speichern in der Echtzeitvorschau aktualisiert.
Für das Anpassen der Widget-Einstellungen sind Admin- oder Besitzerzugriff erforderlich.
Widget-Einstellungen aufrufen
Öffnen Sie Ihr Ferndesk-Dashboard
Navigieren Sie zu Help Center → Widget
Klicken Sie auf Anpassen
Branding
Steuern Sie die visuelle Identität Ihres Widgets:
Logo: PNG, JPG oder SVG hochladen (empfohlen: 512x512px)
Primärfarbe: Markenfarbe für Buttons und Akzente
Farbschema: System-, hellen oder dunklen Modus wählen
Überschriften-Schriftart: Aus Google Fonts wählen
Fließtext-Schriftart: Aus Google Fonts wählen
Quadratische Logos funktionieren am besten. Das Widget passt Bilder automatisch an die Größe an.
Launcher
Passen Sie den schwebenden Button und seine Position auf der Seite an. Der Launcher ist der Button, auf den Besucher klicken, um das Widget zu öffnen.
Button
Buttonfarbe: Hintergrundfarbe des Launcher-Buttons
Button-Symbol: Symbol, das im Launcher-Button angezeigt wird
Button-Symbolfarbe: Farbe des Symbols. Leer lassen, um sie automatisch anhand des Kontrasts zur Button-Hintergrundfarbe zu erkennen, oder eine bestimmte Hex-Farbe auswählen
Position
Wählen Sie, wo der Launcher-Button auf der Seite angezeigt wird:
Links: Platziert den Launcher unten links
Rechts: Platziert den Launcher unten rechts (Standard)
Das Widget-Panel öffnet sich von derselben Seite wie die Launcher-Position. Ein Launcher unten links öffnet das Panel von links, und ein Launcher unten rechts öffnet es von rechts.
Abstand
Steuern Sie den Abstand rund um den Launcher-Button:
Seitenabstand: Abstand vom linken oder rechten Rand des Viewports (0–128 Pixel, Standard: 32)
Abstand unten: Abstand vom unteren Rand des Viewports (0–128 Pixel, Standard: 32)
Der Seitenabstand gilt für die ausgewählte Position. Wenn sich der Launcher links befindet, steuert der Seitenabstand den Abstand vom linken Rand. Wenn er rechts ist, steuert er den Abstand vom rechten Rand.
Innenabstand
Launcher-Innenabstand: Innerer Abstand rund um das Symbol im Button (8–40 Pixel, Standard: 16)
Header
Titel: Hauptüberschrift (Standard: „Wie können wir helfen?“)
Hintergrund: Wählen Sie eine Farbe, ein Bild oder einen Verlauf hinter dem Header
Farbe: Wählen Sie eine einfarbige Hintergrundfarbe
Bild: Wählen Sie ein Bild aus Templates oder Unsplash, oder laden Sie Ihr eigenes hoch
Verlauf: Wählen Sie einen vorgegebenen Hintergrundverlauf
KI-Antworten
Aktivieren Sie den KI-gestützten Chat, damit Kunden über natürlichsprachliche Anfragen Antworten finden können. Wenn aktiviert, zeigt das Widget eine Chat-Oberfläche an, die Antworten aus Ihren veröffentlichten Artikeln mit Inline-Quellenangaben zusammenstellt.
Der KI-Assistent durchsucht nur veröffentlichte Inhalte. Veröffentlichen Sie relevante Artikel, bevor Sie diese Funktion aktivieren.
Links
Fügen Sie Ihrem Widget bis zu 5 Schnellzugriffslinks hinzu. Jeder Link enthält:
Symbol: Aus den verfügbaren Symbolen wählen
Beschriftung: Linktext
URL: Ziel (intern oder extern)
In neuem Tab öffnen: Schaltet um, ob der Link in einem neuen Browser-Tab geöffnet wird. Deaktivieren Sie diese Option, um den Link im selben Tab zu öffnen. Ihre Website kann auch Klicks über das Ferndesk SDK erfassen.
Ziehen Sie die Links per Drag-and-drop, um sie neu anzuordnen.
Kontakt
Wählen Sie, wie Kunden Ihr Support-Team erreichen. Der Bereich „Kontakt“ hat drei Tabs: E-Mail, Link und Integration.
Zeigen Sie ein Kontaktformular an, das Nachrichten an Ihre Support-E-Mail sendet. Besucher können ihren Nachrichten Bilddateien anhängen.
Anhangsanforderungen
Wenn Besucher Bilder an ihre Kontaktnachricht anhängen, gelten die folgenden Beschränkungen:
Dateitypen: JPEG, PNG, GIF, WebP, HEIC, HEIF
Dateigröße pro Datei: Bis zu 5 MB pro Datei
Maximale Anzahl von Dateien: Bis zu 3 Bilder pro Nachricht
Gesamtgröße: Insgesamt bis zu 15 MB
Einstellungen für das Kontaktformular
Konfigurieren Sie:
Support-E-Mail-Adresse: Wohin Nachrichten gesendet werden
Kontakt-Titel: Überschrift auf der Kontaktseite
Kontaktbeschreibung: Kurze Erläuterung
Buttontext: Beschriftung der Senden-Schaltfläche (Standard: „Kontakt aufnehmen“)
Wenn ein Besucher beginnt, das Kontaktformular auszufüllen, das Widget aber schließt oder die Seite verlässt, bleibt der Entwurf erhalten. Wenn er das Widget erneut öffnet, werden Name, E-Mail, Betreff, Nachricht und alle angehängten Dateien automatisch wiederhergestellt. Entwürfe werden erst nach erfolgreichem Absenden gelöscht.
Link
Leiten Sie Nutzer auf eine externe Support-Seite oder ein Ticketsystem weiter.
Kontakt-Link-URL: Ziel-URL
Buttontext: Button-Beschriftung
Datei-Uploads sind nur mit der E-Mail-Kontaktmethode verfügbar.
Integration
Übergeben Sie an Ihre bestehende Chat-Plattform, wenn Besucher auf den Kontakt-Button klicken. Das Chat-Widget bleibt verborgen, bis Ferndesk es öffnet, damit Besucher zuerst Ihre Self-Service-Inhalte sehen.
Unterstützte Plattformen:
Intercom: Öffnet den Intercom Messenger
Crisp: Öffnet Crisp Live Chat
Help Scout: Öffnet das Help Scout Beacon
Pylon: Öffnet das Pylon-Chat-Widget
Zendesk: Öffnet das Zendesk Web Widget
Plain: Öffnet das Plain-Chat-Widget
Für jede Plattform müssen Sie das Widget mit ausgeblendetem Standard-Launcher auf Ihrer Website installieren. Siehe Ferndesk mit anderen Chat-Plattformen verwenden für Anweisungen zur Einrichtung.
Keine
Blenden Sie die Kontaktoption für vollständig selbstbedienten Support aus.
Eskalationsstrategie
Steuern Sie, wann der KI-Assistent im Widget eine Weiterleitung an Ihr Team anbietet. Wählen Sie unter KI-Übergabeverhalten zwischen KI entscheidet, Immer sichtbar oder Aus. Siehe KI-Eskalations- und Übergabeverhalten, um zu erfahren, wie jede Option funktioniert.
Aktivieren Sie Übergabe-Zusammenfassung entwerfen, damit die KI vor der Übergabe eine Zusammenfassung des Gesprächs erstellt.
Die Einstellungen der Eskalationsstrategie gelten für den KI-Assistenten des Widgets. Konfigurieren Sie das KI-Übergabeverhalten des Help Centers separat unter Help Center > Anpassen > Kontakt.
Übersetzungen
Übersetzen Sie die UI-Texte Ihres Widgets in mehrere Sprachen. Besucher sehen das Widget in der Sprache, die der Primärsprache Ihres Help Centers oder ihrer ausgewählten Sprache entspricht.
Für jede Sprache:
Ein zu übersetzendes Feld auswählen
Klicken Sie auf Erneut mit KI übersetzen, um Übersetzungen automatisch zu generieren
Oder bearbeiten Sie den Übersetzungstext manuell
Vorschau wird rechts in Echtzeit aktualisiert
Widget-Übersetzungen werden mit den Sprachen Ihres Help Centers synchronisiert. Fügen Sie Sprachen zuerst unter Help Center → Übersetzen hinzu.
Das Widget wird automatisch in der passenden Sprache angezeigt, wenn Besucher Ihr übersetztes Help Center aufrufen.
Powered By
Schalten Sie den Link „Powered by Ferndesk“ in der Fußzeile des Widgets ein oder aus.
Installieren
Kopieren Sie den Embed-Code-Ausschnitt und fügen Sie ihn in das HTML Ihrer Website vor dem schließenden </body>-Tag ein. Der Ausschnitt enthält Ihre eindeutige Widget-ID und lädt das Widget automatisch.
Änderungen an den Widget-Einstellungen werden nach dem Speichern sofort auf Ihr Live-Widget angewendet.