Zum Inhalt springen
Clienta.ai

Widget-Anpassung

Widget-Anpassung

Abschnitt betitelt „Widget-Anpassung“

Passen Sie das Erscheinungsbild Ihres Chat-Widgets an Ihre Marke und Ihr Website-Design an.

Einstellungen

Abschnitt betitelt „Einstellungen“

Alle Widget-Anpassungsoptionen sind unter Einstellungen → Kanäle → Web verfügbar. Wählen Sie Ihren Web-Kanal und öffnen Sie den Tab Erscheinungsbild.

Designfarbe

Abschnitt betitelt „Designfarbe“

Die Designfarbe wird einheitlich im gesamten Widget verwendet:

  • Hintergrund der Startschaltfläche
  • Hintergrund der Kopfleiste
  • Farbe der Senden-Schaltfläche
  • Hervorhebungsfarbe für Links
  • Hintergrund der Benutzer-Nachrichtenblasen

Wählen Sie eine Farbe, die zu Ihrer Markenidentität passt und einen guten Kontrast zu weißem Text gewährleistet.

Willkommensnachricht

Abschnitt betitelt „Willkommensnachricht“

Die Willkommensnachricht ist der erste Text, den Kunden sehen, wenn sie das Widget öffnen. Halten Sie sie freundlich und erklären Sie klar, womit der Bot helfen kann.

Beispiele:

  1. „Hallo! Wie kann ich Ihnen heute helfen?”
  2. „Willkommen beim Acme-Support. Fragen Sie mich alles zu unseren Produkten und Dienstleistungen.”
  3. „Guten Tag! Ich bin hier, um zu helfen. Womit kann ich Ihnen behilflich sein?”

Widget-Position

Abschnitt betitelt „Widget-Position“
PositionEinstellungswertWann verwenden
Unten rechtsbottom-right (Standard)Standardplatzierung, funktioniert für die meisten Websites
Unten linksbottom-leftWenn die rechte Seite mit anderen Elementen kollidiert

Avatar

Abschnitt betitelt „Avatar“
v1.6.4

Zeigen Sie einen benutzerdefinierten Avatar in der Widget-Kopfzeile und auf dem Startbildschirm an, indem Sie eine Bild-URL angeben.

Über das Dashboard: Legen Sie die Avatar-URL unter Einstellungen → Kanäle → Web → Anpassen → Avatar-URL fest.

Über den Einbettungscode: Übergeben Sie avatarUrl in der Design-Konfiguration:

<script>
  window.ClientaConfig = {
    botId: "YOUR_BOT_ID",
    widgetId: "YOUR_WIDGET_ID",
    theme: {
      avatarUrl: "https://example.com/your-logo.png"
    }
  };
</script>

Anforderungen:

  • Muss eine https://-URL sein (http, data: und javascript:-URLs werden aus Sicherheitsgründen abgelehnt)
  • Empfohlene Größe: 128 × 128 Pixel (quadratisch)
  • Unterstützte Formate: PNG, JPG, WebP, SVG
  • Wenn die URL ungültig ist oder das Bild nicht geladen werden kann, wird das Standardsymbol angezeigt

Begrüßungsmodus

Abschnitt betitelt „Begrüßungsmodus“
v1.6.2

Die Begrüßungsnachricht unterstützt drei Sprachmodi. Gehen Sie zu Einstellungen → Kanäle → Web → Anpassen und suchen Sie den Abschnitt Begrüßungsmodus.

Statisch

Abschnitt betitelt „Statisch“

Allen Besuchern wird derselbe Begrüßungstext angezeigt, unabhängig von der Sprache. Dies ist der Standardmodus.

Geben Sie eine einzelne Begrüßung in das Textfeld ein. Beispiel: „Hallo! Wie kann ich Ihnen heute helfen?”

Besucher abgleichen (Gebietsschema)

Abschnitt betitelt „Besucher abgleichen (Gebietsschema)“

Zeigen Sie für jede Sprache eine andere Begrüßung an. Das Widget liest die erkannte Sprache des Besuchers und zeigt die passende Begrüßung an.

  1. Wählen Sie den Modus Besucher abgleichen.
  2. Für jedes der 15 unterstützten Gebietsschemata erscheint ein Feld.
  3. Geben Sie den Begrüßungstext für jede Sprache ein, die Sie unterstützen möchten.
  4. Lassen Sie das Feld eines Gebietsschemas leer, um für diese Sprache auf die statische Begrüßung zurückzufallen.

Beispielkonfiguration:

  • Thailändisch: „สวัสดีค่ะ! มีอะไรให้ช่วยไหม?”
  • Englisch: „Hi! How can I help you today?”
  • Japanisch: „こんにちは！何かお手伝いできますか？“

Org-Hauptsprache

Abschnitt betitelt „Org-Hauptsprache“

Die Begrüßung wird immer in der Hauptantwortsprache der Organisation angezeigt, unabhängig von der Sprache des Besuchers. Dieser Modus liest die unter KI-Einstellungen → Hauptantwortsprache festgelegte Sprache.

Verwenden Sie die Org-Hauptsprache, wenn Ihr Team in einer Sprache arbeitet und alle Begrüßungen einheitlich sein sollen.

Sprachauswahl

Abschnitt betitelt „Sprachauswahl“
v1.6.2

Die Sprachauswahl fügt ein Globussymbol (🌐) zur Widget-Kopfzeile hinzu, damit Besucher ihre Sprache explizit wählen können. Sie ist standardmäßig deaktiviert.

Zum Aktivieren: Schalten Sie unter Einstellungen → Kanäle → Web → Anpassen den Schalter Sprachauswahl anzeigen auf EIN.

Wenn ein Besucher eine Sprache aus dem Dropdown auswählt:

  • Alle KI-Antworten werden für die Sitzung auf diese Sprache festgelegt
  • Die Sperrung überschreibt die automatische Erkennung, auch wenn der Besucher in einer anderen Sprache schreibt
  • Die Widget-Benutzeroberfläche wechselt zur ausgewählten Sprache

Weitere Informationen finden Sie unter Web-Widget — Sprachauswahl.

Standardsprache

Abschnitt betitelt „Standardsprache“
v1.6.8

Legen Sie eine Standardsprache für das Widget fest, damit Besucher die Benutzeroberfläche in Ihrem bevorzugten Gebietsschema sehen, bevor eine automatische Erkennung stattfindet. Gehen Sie zu Einstellungen → Kanäle → Web → Anpassen → Standardsprache und wählen Sie aus dem Dropdown.

Die Sprachprioritätskette lautet:

  1. Diese Sprache erzwingen (KI-Einstellungen) — überschreibt alles, wenn aktiviert
  2. Explizite Auswahl des Besuchers (über die Sprachauswahl, falls aktiviert)
  3. Standardsprache — diese Einstellung
  4. Einbettungscode-Gebietsschema — der locale-Wert im Einbettungscode
  5. Thailändisch — Fallback, wenn nichts anderes festgelegt ist

Wählen Sie „Keine — Einbettungscode folgen”, um diese Einstellung zu überspringen und stattdessen auf den locale-Wert des Einbettungscodes zurückzugreifen.

Vorschau

Abschnitt betitelt „Vorschau“

Nachdem Sie Änderungen vorgenommen haben, verwenden Sie den Live-Vorschau-Bereich auf der rechten Seite der Einstellungsseite, um genau zu sehen, wie das Widget auf Ihrer Website aussehen wird — bevor Sie speichern.

Tipps

Abschnitt betitelt „Tipps“