Einbettungscode

So erhalten und installieren Sie den Widget-Einbettungscode

Der Einbettungscode ist das JavaScript-Skript, das das Widget zu Ihrer Website hinzufügt.

Code erhalten

Gehen Sie zu Widget im Dashboard
Wählen Sie Ihr Widget aus
Klicken Sie auf Embed-Code
Kopieren Sie den angezeigten Code

Standardcode

Der zu kopierende Code:

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>

Wo einfügen

Fügen Sie den Code vor dem schließenden body-Tag ein:

html

<!DOCTYPE html>
<html>
<head>
  <title>Ihre Website</title>
</head>
<body>
  <!-- Inhalt Ihrer Website -->

  <!-- Leader24 Widget - vor dem schließenden body-Tag einfügen -->
  <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>
</body>
</html>

Anpassung

Konfigurieren Sie über das Dashboard

Alle Anpassungsoptionen (Farben, Position, Nachrichten, Avatar, Theme, usw.) werden über Dashboard → Widget → Einstellungen konfiguriert.

Änderungen werden automatisch angewendet, ohne den Code auf Ihrer Website ändern zu müssen.

Plattformspezifisch

WordPress

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

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

Shopify

Gehen Sie zu Online-Shop > Themes
Klicken Sie auf Aktionen > Code bearbeiten
Öffnen Sie theme.liquid
Fügen Sie den Code vor dem schließenden body 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"

Squarespace

Gehen Sie zu Einstellungen > Erweitert
Klicken Sie auf Code-Injection
Fügen Sie in das Feld Footer ein

Installation überprüfen

Nach der Installation:

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

Häufige Probleme

Widget erscheint nicht

Überprüfen Sie, ob agentId korrekt ist
Überprüfen Sie die Browser-Konsole auf Fehler
Stellen Sie sicher, dass das Widget im Dashboard aktiv ist

Widget erscheint, antwortet aber nicht

Überprüfen Sie, ob der Agent aktiv ist
Überprüfen Sie die Netzwerkverbindung
Überprüfen Sie die Logs im Dashboard

Sicherheit

Wichtig

Die agentId ist öffentlich und im Quellcode sichtbar
Fügen Sie keine sensiblen Daten in die Konfiguration ein
Rate Limiting ist standardmäßig aktiviert, um Missbrauch zu verhindern

Nächste Schritte

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