Widget-Einstellungen konfigurieren
Passe dein Self-Service-Widget an deine Marke und deinen Support-Workflow an. Alle Einstellungen werden vor dem Speichern in der Echtzeitvorschau aktualisiert.
Für die Anpassung der Widget-Einstellungen sind Administrator- oder Besitzerrechte erforderlich.
Widget-Einstellungen öffnen
Öffne dein Ferndesk-Dashboard
Navigiere zu Help Center → Widget
Klicke auf Customize
Branding
Steuere die visuelle Gestaltung deines Widgets:
Logo: PNG, JPG oder SVG hochladen (empfohlen: 512 x 512 px)
Primary color: Markenfarbe für Schaltflächen und Akzente
Color scheme: Systemmodus, hellen oder dunklen Modus auswählen
Heading font: Aus Google Fonts auswählen
Body font: Aus Google Fonts auswählen
Quadratische Logos funktionieren am besten. Das Widget passt die Größe von Bildern automatisch an.
Launcher
Passe die schwebende Schaltfläche und ihre Position auf der Seite an. Der Launcher ist die Schaltfläche, auf die Besucher klicken, um das Widget zu öffnen.
Button
Button color: Hintergrundfarbe der Launcher-Schaltfläche
Button icon: Im Launcher angezeigtes Symbol
Button icon color: Farbe des Symbols. Leer lassen, damit die Farbe automatisch anhand des Kontrasts zum Schaltflächenhintergrund erkannt wird, oder eine bestimmte Hex-Farbe auswählen
Button text: Optionales Label neben dem Symbol. Leer lassen, um den Launcher nur mit dem Symbol anzuzeigen. Es sind bis zu 40 Zeichen möglich, zum Beispiel "Questions?" oder "View docs"
Size: Symbolgröße im Launcher (16–32 Pixel, Standard: 24)
Rounding: Full für einen pillenförmigen Launcher oder Custom auswählen, um den eigenen Corner radius festzulegen (0–32 Pixel)
Position
Wähle aus, wo die Launcher-Schaltfläche auf der Seite angezeigt wird:
Left: Platziert den Launcher in der unteren linken Ecke
Right: Platziert den Launcher in der unteren rechten Ecke (Standard)
Das Widget-Panel wird auf derselben Seite wie der Launcher geöffnet. Ein Launcher unten links öffnet das Panel von links, ein Launcher unten rechts von rechts.
Margin
Steuere den Abstand um die Launcher-Schaltfläche:
Side offset: Abstand vom linken oder rechten Rand des Viewports (0–128 Pixel, Standard: 32)
Bottom offset: Abstand vom unteren Rand des Viewports (0–128 Pixel, Standard: 32)
Der Side offset gilt für die ausgewählte Position. Befindet sich der Launcher links, steuert der Side offset den Abstand vom linken Rand. Befindet er sich rechts, steuert er den Abstand vom rechten Rand.
Padding
Launcher padding: Innenabstand um das Symbol innerhalb der Schaltfläche (8–40 Pixel, Standard: 16)
Header
Title: Hauptüberschrift (Standard: "How can we help?")
Background: Eine Farbe, ein Bild oder einen Verlauf für den Header-Hintergrund auswählen
Color: Eine einfarbige Hintergrundfarbe auswählen
Image: Ein Bild aus Templates oder Unsplash auswählen oder ein eigenes Bild hochladen
Gradient: Einen voreingestellten Verlauf als Hintergrund auswählen
AI Answers
Aktiviere den KI-gestützten Chat, damit Kunden mithilfe natürlichsprachlicher Anfragen Antworten finden. Wenn diese Funktion aktiviert ist, zeigt das Widget eine Chat-Oberfläche an, die Antworten aus deinen veröffentlichten Artikeln mit Quellenangaben direkt im Text erstellt.
Der KI-Assistent durchsucht nur veröffentlichte Inhalte. Veröffentliche relevante Artikel, bevor du diese Funktion aktivierst.
Links
Füge deinem Widget bis zu 5 Links für den Schnellzugriff hinzu. Jeder Link enthält:
Icon: Aus den verfügbaren Symbolen auswählen
Label: Linktext
URL: Ziel (intern oder extern)
Open in new tab: Festlegen, ob der Link in einem neuen Browser-Tab geöffnet wird. Deaktiviere diese Option, um den Link im selben Tab zu öffnen. Deine Website kann Klicks außerdem mit dem Ferndesk SDK erfassen.
Ziehe die Links per Drag-and-drop, um sie neu anzuordnen.
Contact
Wähle aus, wie Kunden dein Supportteam erreichen. Der Bereich „Contact“ hat vier Tabs: Form, Link, Chat und None.
Form
Zeige ein Kontaktformular an, das Nachrichten an deine Support-E-Mail-Adresse sendet. Besucher können ihren Nachrichten Bilddateien anhängen.
Anforderungen für Anhänge
Wenn Besucher Bilder an ihre Kontaktnachricht anhängen, gelten die folgenden Beschränkungen:
File types: JPEG, PNG, GIF, WebP, HEIC, HEIF
Per-file size: Bis zu 5 MB pro Datei
Maximum files: Bis zu 3 Bilder pro Nachricht
Total size: Insgesamt bis zu 15 MB
Einstellungen des Kontaktformulars
Konfiguriere:
Support email address: Zieladresse für die Nachrichten
Contact title: Überschrift der Kontaktseite
Contact description: Kurze Erläuterung
Button text: Beschriftung der Senden-Schaltfläche (Standard: "Get in touch")
Wenn ein Besucher beginnt, das Kontaktformular auszufüllen, das Widget jedoch schließt oder die Seite verlässt, bleibt der Entwurf erhalten. Beim erneuten Öffnen des Widgets werden Name, E-Mail-Adresse, Betreff, Nachricht und angehängte Dateien automatisch wiederhergestellt. Entwürfe werden erst nach erfolgreicher Übermittlung gelöscht.
Link
Leite Benutzer zu einer externen Supportseite oder einem Ticketsystem weiter.
Contact link URL: Ziel-URL
Button text: Beschriftung der Schaltfläche
Datei-Uploads sind nur mit der Kontaktmethode Form verfügbar.
Chat
Übergib Besucher an deine bestehende Chat-Plattform, wenn sie auf die Kontaktschaltfläche klicken. Das Chat-Widget bleibt verborgen, bis Ferndesk es öffnet, sodass Besucher zuerst deine Self-Service-Inhalte sehen.
Unterstützte Plattformen:
Intercom: Öffnet den Intercom Messenger
Crisp: Öffnet Crisp Live Chat
Help Scout: Öffnet den 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 musst du deren Widget mit standardmäßig ausgeblendetem Launcher auf deiner Website installieren. Eine Anleitung zur Einrichtung findest du unter Using Ferndesk with other chat platforms.
None
Blende die Kontaktoption aus, um vollständig auf Self-Service zu setzen.
Eskalationsstrategie
Steuere, wann der KI-Assistent im Widget einen Weg zu deinem Team anbietet. Wähle unter AI handoff behavior die Option AI decides, Always visible oder Off. Wie die einzelnen Optionen funktionieren, erfährst du unter AI escalation and handoff behavior.
Aktiviere Draft a handoff summary, damit die KI vor der Übergabe eine Zusammenfassung des Gesprächs erstellt.
Die Einstellungen der Eskalationsstrategie gelten für den KI-Assistenten des Widgets. Konfiguriere das Übergabeverhalten der Help-Center-KI separat unter Help Center > Customize > Contact.
Übersetzungen
Übersetze die UI-Texte deines Widgets in mehrere Sprachen. Besucher sehen das Widget in der Sprache, die der Primärsprache deines Help Centers oder ihrer ausgewählten Sprache entspricht.
Für jede Sprache:
Wähle ein zu übersetzendes Feld aus
Klicke auf Re-translate with AI, um automatisch Übersetzungen zu erstellen
Oder bearbeite den Übersetzungstext manuell
Die Vorschau wird rechts in Echtzeit aktualisiert
Widget-Übersetzungen werden mit den Sprachen deines Help Centers synchronisiert. Füge zuerst unter Help Center → Translate Sprachen hinzu.
Das Widget wird automatisch in der passenden Sprache angezeigt, wenn Besucher dein übersetztes Help Center aufrufen.
Powered By
Aktiviere oder deaktiviere den Link „Powered by Ferndesk“ in der Fußzeile des Widgets.
Installieren
Kopiere das Einbettungscode-Snippet und füge es vor dem abschließenden </body>-Tag in den HTML-Code deiner Website ein. Das Snippet enthält deine eindeutige Widget-ID und lädt das Widget automatisch.
Änderungen an den Widget-Einstellungen werden nach dem Speichern sofort auf dein Live-Widget angewendet.