Leader24Leader24
🇩🇪

Widget anpassen

Passen Sie das Aussehen und Verhalten des Chat-Widgets an

Passen Sie das Widget an Ihre Markenidentität und Kundenbedürfnisse an.

Zugang zur Anpassung

  1. Gehen Sie zu Agenten > Agent auswählen
  2. Klicken Sie auf die Registerkarte Widget
  3. Sie finden alle Anpassungsoptionen

Theme-Optionen

Farben

| Option | Beschreibung | |--------|--------------| | Primärfarbe | Farbe von Button und Header | | Hintergrund | Chat-Fenster-Hintergrund | | Text | Textfarbe | | Benutzer-Blase | Farbe der Besuchernachricht | | Bot-Blase | Farbe der Agentenantwort |

Position

Wählen Sie, wo das Widget angezeigt werden soll:

  • Unten rechts (Standard)
  • Unten links

Größe

  • Standard: 380x600px
  • Kompakt: 320x500px
  • Groß: 420x700px

Texte

Passen Sie alle angezeigten Texte an:

Willkommenstitel: "Hallo! 👋"
Willkommensnachricht: "Wie können wir Ihnen helfen?"
Eingabe-Platzhalter: "Nachricht schreiben..."
Senden-Button: "Senden"

Button (Launcher)

Der Button, der den Chat öffnet:

  • Symbol: Wählen Sie aus verfügbaren Symbolen
  • Text: Optionaler Text neben dem Symbol
  • Animation: Puls, Bounce oder keine
  • Verzögerung: Zeit vor dem Erscheinen

Verhalten

Auto-Öffnen

Auto-Öffnen: Ja/Nein
Verzögerung: 5 Sekunden
Nur erster Besuch: Ja/Nein

Willkommensnachrichten

Konfigurieren Sie automatische Willkommensnachrichten:

  1. Erste Nachricht: Sofortige Begrüßung
  2. Zweite Nachricht: Nach X Sekunden
  3. Schnellaktionen: Vorgeschlagene Buttons

Ton

  • Benachrichtigungston aktivieren/deaktivieren
  • Lautstärke
  • Benutzerdefinierter Ton (Pro)

Branding

Laden Sie Ihr Firmenlogo hoch:

  • Format: PNG, JPG, SVG
  • Empfohlene Größe: 120x40px
  • Erscheint im Header

Firmenname

Angezeigter Name im Header.

"Powered by" entfernen

Verfügbar in Pro-Plänen.

Erweitertes CSS

Für erweiterte Anpassung:

css
/* Beispiel für benutzerdefiniertes CSS */
.leader24-widget {
  --l24-primary: #ihre-farbe;
  --l24-radius: 12px;
}

Vorschau

Verwenden Sie die Vorschau, um Änderungen in Echtzeit vor dem Speichern zu sehen.

Best Practices

Tipps

  • Verwenden Sie Farben, die zu Ihrer Marke passen
  • Halten Sie Texte kurz und einladend
  • Testen Sie auf Mobil und Desktop
  • Aktivieren Sie Auto-Öffnen nicht zu früh (mindestens 10s)

Speichern und Veröffentlichen

  1. Nehmen Sie gewünschte Änderungen vor
  2. Verwenden Sie die Vorschau zur Überprüfung
  3. Klicken Sie auf Speichern
  4. Änderungen sind sofort aktiv

Nächste Schritte

  • Einbettungscode erhalten
  • Gespräche überwachen
  • Leads verwalten
© 2026 Leader24.