Ferndesk
Self-Service-Widget

Widget-Einstellungen konfigurieren

Passen Sie Ihr Self-Service-Widget an Ihre Marke und Ihren Support-Workflow an. Alle Einstellungen werden in der Echtzeit-Vorschau aktualisiert, bevor sie gespeichert werden.

Sie benötigen Administrator- oder Eigentümerzugriff, um die Widget-Einstellungen anzupassen.

Widget-Einstellungen aufrufen

  1. Öffnen Sie Ihr Ferndesk-Dashboard

  2. Navigieren Sie zu Help CenterWidget

    Widget-Option in der Seitenleistennavigation
  3. Klicken Sie auf Anpassen

    Schaltfläche „Widget anpassen“ auf der Widget-Karte

Branding

Steuern Sie die visuelle Identität Ihres Widgets:

Branding-Abschnitt in den Widget-Einstellungen
  • Logo: Laden Sie PNG, JPG oder SVG hoch (empfohlen: 512x512px)

  • Primärfarbe: Markenfarbe für Schaltflächen und Akzente

  • Farbschema: Wählen Sie zwischen System-, Hell- oder Dunkelmodus

  • Überschrift-Schriftart: Wählen Sie aus Google Fonts

  • Text-Schriftart: Wählen Sie aus Google Fonts

Quadratische Logos funktionieren am besten. Das Widget passt die Größe der Bilder automatisch an.

Launcher

Passen Sie die schwebende Schaltfläche und deren Platzierung auf der Seite an. Der Launcher ist die Schaltfläche, auf die Besucher klicken, um das Widget zu öffnen.

Launcher-Einstellungen in der Widget-Anpassung

Schaltfläche

  • Schaltflächenfarbe: Hintergrundfarbe der Launcher-Schaltfläche

  • Schaltflächen-Symbol: Symbol, das innerhalb der Launcher-Schaltfläche angezeigt wird

  • Symbolfarbe der Schaltfläche: Farbe des Symbols. Leer lassen für automatische Erkennung basierend auf dem Kontrast des Schaltflächenhintergrunds, oder wählen Sie einen spezifischen Hex-Farbcode

Position

Wählen Sie aus, wo die Launcher-Schaltfläche auf der Seite erscheint:

  • Links: Platziert den Launcher in der unteren linken Ecke

  • Rechts: Platziert den Launcher in der unteren rechten Ecke (Standard)

Das Widget-Fenster öffnet sich auf derselben Seite wie die Launcher-Position. Ein Launcher in der unteren linken Ecke öffnet das Fenster von links, und ein Launcher in der unteren rechten Ecke öffnet es von rechts.

Abstand

Steuern Sie die Abstände um die Launcher-Schaltfläche:

  • Seitenabstand: Entfernung vom linken oder rechten Rand des Viewports (0–128 Pixel, Standard: 32)

  • Unterer Abstand: Entfernung vom unteren Rand des Viewports (0–128 Pixel, Standard: 32)

Der Seitenabstand bezieht sich auf die gewählte Position. Wenn der Launcher links platziert ist, steuert der Seitenabstand die Entfernung vom linken Rand. Befindet er sich rechts, steuert er die Entfernung vom rechten Rand.

Innenabstand

  • Launcher-Innenabstand: Interner Abstand um das Symbol innerhalb der Schaltfläche (8–40 Pixel, Standard: 16)

Header-Abschnitt in den Widget-Einstellungen
  • Titel: Hauptüberschrift (Standard: „Wie können wir helfen?“)

  • Hintergrund: Benutzerdefinierte Hintergrundfarbe oder Bild

KI-Antworten

KI-Antworten-Abschnitt in den Widget-Einstellungen

Aktivieren Sie den KI-gestützten Chat, um Kunden zu helfen, Antworten durch Abfragen in natürlicher Sprache zu finden. Wenn aktiviert, zeigt das Widget eine Chat-Oberfläche an, die Antworten aus Ihren veröffentlichten Artikeln mit Inline-Zitaten zusammenfasst.

Der KI-Assistent durchsucht nur veröffentlichte Inhalte. Stellen Sie sicher, dass Sie relevante Artikel veröffentlicht haben, bevor Sie diese Funktion aktivieren.

Link-Abschnitt in den Widget-Einstellungen

Fügen Sie Ihrem Widget bis zu 5 Schnellzugriff-Links hinzu. Jeder Link enthält:

  • Symbol: Wählen Sie aus verfügbaren Symbolen

  • Label: Link-Text

  • URL: Ziel (intern oder extern)

Per Drag-and-Drop können Sie die Links neu anordnen.

Kontakt

Wählen Sie aus, wie Kunden Ihr Support-Team erreichen. Der Kontakt-Bereich hat drei Tabs: E-Mail, Link und Integration.

E-Mail

Zeigen Sie ein Kontaktformular an, das Nachrichten an Ihre Support-E-Mail-Adresse sendet. Kunden können bis zu 3 Bilddateien (JPEG, PNG, GIF, WebP, HEIC, HEIF) mit jeweils bis zu 5 MB anhängen.

Konfigurieren:

  • Support-E-Mail-Adresse: Wohin Nachrichten gesendet werden

  • Kontakttitel: Überschrift auf der Kontaktseite

  • Kontaktbeschreibung: Kurze Erklärung

  • Schaltflächentext: Beschriftung der Senden-Schaltfläche (Standard: „Kontakt aufnehmen“)

Wenn ein Besucher beginnt, das Kontaktformular auszufüllen, aber das Widget schließt oder die Seite verlässt, bleibt sein 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 erfolgreicher Übermittlung gelöscht.

Leiten Sie Benutzer zu einer externen Support-Seite oder einem Ticketsystem weiter.

  • Kontakt-Link-URL: Ziel-URL

  • Schaltflächentext: Schaltflächenbeschriftung

Datei-Uploads sind nur mit der E-Mail-Kontaktmethode verfügbar.

Integration

Leiten Sie an Ihre bestehende Chat-Plattform weiter, wenn Besucher auf die Kontakt-Schaltfläche klicken. Das Chat-Widget bleibt ausgeblendet, bis Ferndesk es öffnet, damit Besucher zuerst Ihre Self-Service-Inhalte sehen.

Unterstützte Plattformen:

  • Intercom: Öffnet den Intercom Messenger

  • Crisp: Öffnet den 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 müssen Sie deren Widget auf Ihrer Website installieren, wobei der Standard-Launcher ausgeblendet sein muss. Siehe Verwendung von Ferndesk mit anderen Chat-Plattformen für Einrichtungsanweisungen.

Keine

Blenden Sie die Kontaktoption für reinen Self-Service-Support aus.

Ü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:

  1. Wählen Sie ein Feld zum Übersetzen aus

  2. Klicken Sie auf Re-translate with AI, um Übersetzungen automatisch zu generieren

  3. Oder bearbeiten Sie den Übersetzungstext manuell

  4. Vorschau-Updates in Echtzeit auf der rechten Seite anzeigen

Widget-Übersetzungen werden mit den Sprachen Ihres Help Centers synchronisiert. Fügen Sie Sprachen zuerst unter Help CenterTranslate hinzu.

Das Widget wird automatisch in der entsprechenden Sprache angezeigt, wenn Besucher Ihr übersetztes Help Center durchsuchen.

Powered By

„Powered By“-Abschnitt in den Widget-Einstellungen

Schalten Sie den Link „Powered by Ferndesk“ in der Fußzeile des Widgets ein oder aus.

Installieren

Installations-Abschnitt mit Einbettungscode-Snippet

Kopieren Sie das Einbettungscode-Snippet und fügen Sie es in den HTML-Code Ihrer Website vor dem schließenden </body>-Tag ein. Das Snippet 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.

Verwandte Artikel

War das hilfreich?