Widget einrichten

Fügen Sie das Chat-Widget in wenigen Minuten zu Ihrer Website hinzu

Das Widget ermöglicht es Ihnen, einen KI-Chat direkt auf Ihrer Website hinzuzufügen.

Das Widget ist eine Chat-Blase, die auf Ihrer Website erscheint:

Besucher können Gespräche starten
Der Agent antwortet automatisch
Funktioniert auf Desktop und Mobil
Vollständig anpassbar über das Dashboard

Installation

Einstellungen aufrufen

Gehen Sie zu Agenten > Agent auswählen > Registerkarte Widget

Widget aktivieren

Aktivieren Sie den Schalter Widget aktivieren

Code kopieren

Klicken Sie auf Code kopieren, um das Installations-Snippet zu kopieren

Zur Website hinzufügen

Fügen Sie den Code vor dem schließenden body-Tag auf Ihrer Website ein

Installationscode

Der zu kopierende Code ist:

html

<script>
  window.Leader24WidgetConfig = {
    agentId: 'IHRE_AGENT_ID',
    apiUrl: 'https://api.leader24.ai'
  };
</script>
<script src="https://api.leader24.ai/widget-public/IHRE_AGENT_ID/widget.js" async></script>

Anpassung

Alle Anpassungsoptionen werden über das Dashboard konfiguriert:

Gehen Sie zu Widget > Wählen Sie Ihr Widget
Klicken Sie auf Einstellungen
Konfigurieren Sie Farben, Position, Nachrichten, Avatar, usw.

Zentrale Konfiguration

Sie müssen den Embed-Code nicht ändern, um das Erscheinungsbild oder Verhalten anzupassen. Alles wird über das Dashboard verwaltet und Änderungen werden automatisch angewendet.

Installation nach Plattform

WordPress

Gehen Sie zu Design > Theme-Editor
Öffnen Sie footer.php
Fügen Sie den Code vor dem schließenden body-Tag ein
Speichern

Oder verwenden Sie ein Plugin wie "Insert Headers and Footers".

Shopify

Gehen Sie zu Online-Shop > Themes
Aktionen > Code bearbeiten
Öffnen Sie theme.liquid
Fügen Sie den Code vor dem schließenden body-Tag ein

Wix

Gehen Sie zu Einstellungen > Benutzerdefinierter Code
Klicken Sie auf + Code hinzufügen
Fügen Sie den Code ein
Wählen Sie "Body - Ende"

Installation überprüfen

Nach der Installation:

Laden Sie Ihre Website neu
Sie sollten das Widget-Symbol in der Ecke sehen
Klicken Sie, um den Chat zu öffnen
Testen Sie, indem Sie eine Nachricht senden

Fehlerbehebung

Häufige Probleme

Widget erscheint nicht

Überprüfen Sie, ob der Code korrekt eingefügt wurde
Überprüfen Sie die Browser-Konsole auf JavaScript-Fehler
Stellen Sie sicher, dass das Widget im Dashboard aktiv ist

Widget antwortet nicht

Überprüfen Sie, ob der Agent aktiv ist
Überprüfen Sie, ob die agentId im Code korrekt ist
Überprüfen Sie die Netzwerkverbindung

Nächste Schritte

Passen Sie das Erscheinungsbild über das Dashboard an
Überwachen Sie Gespräche
Analysieren Sie Metriken