Leader24Leader24
🇩🇪

Einbettungscode

So erhalten und installieren Sie den Widget-Einbettungscode

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

Den Code erhalten

  1. Gehen Sie zu Widget in der Seitenleiste des Dashboards
  2. Klicken Sie auf der Karte des Agenten auf Integrationscode
  3. Klicken Sie in der Karte Integrationscode auf Code kopieren

Standard-Code

Der Code zum Kopieren und Einfügen:

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

Wo er eingefügt wird

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 einfügen -->
  <script>
    window.Leader24WidgetConfig = {
      agentId: 'DEINE_AGENT_ID',
      apiUrl: 'https://api.leader24.ai'
    };
  </script>
  <script src="https://api.leader24.ai/widget-public/DEINE_AGENT_ID/widget.js" async></script>
</body>
</html>

Senden Sie die Anweisungen an Ihren Webmaster

Wenn jemand anderes die Website betreut, klicken Sie in der Karte Integrationscode auf Anweisungen an deinen Webmaster senden: Er erhält den Code und eine Schritt-für-Schritt-Anleitung per E-Mail. Sie können eine persönliche Nachricht anhängen (maximal 3 Sendungen pro 24 Stunden) und den Installationsstatus von der Karte aus verfolgen.

Anpassung

Über das Dashboard konfigurieren

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

Änderungen greifen automatisch beim Neuladen der Seite, ohne den Code auf Ihrer Website zu ändern.

Plattformspezifische Anleitungen

WordPress

Verwenden Sie das offizielle Leader24-Plugin:

  1. Gehen Sie im WordPress-Panel zu Plugins → Plugin installieren und suchen Sie nach Leader24
  2. Klicken Sie auf Jetzt installieren, dann auf Aktivieren
  3. Fügen Sie Ihre Agent ID im Menüeintrag Leader24 ein

In der Karte Integrationscode des Dashboards finden Sie den Tab WordPress mit der bebilderten Anleitung. Alternativ können Sie das HTML-Snippet mit einem Plugin wie „Insert Headers and Footers" einfügen.

Shopify

  1. Gehen Sie im Shopify-Panel zu Onlineshop → Themes → Code bearbeiten
  2. Öffnen Sie theme.liquid
  3. Fügen Sie das Snippet vor dem schließenden body-Tag ein
  4. Speichern

Wix

  1. Gehen Sie zu Settings > Custom Code
  2. Klicken Sie auf + Add Code
  3. Fügen Sie den Code ein
  4. Wählen Sie "Body - end"

Squarespace

  1. Gehen Sie zu Settings > Advanced
  2. Klicken Sie auf Code Injection
  3. Fügen Sie den Code im Feld Footer ein

Installation prüfen

Nach der Installation:

  1. Laden Sie die Seite neu
  2. Sie sollten das Widget-Symbol in der Ecke sehen
  3. Klicken Sie, um den Chat zu öffnen
  4. Testen Sie mit einer Nachricht

Häufige Probleme

Widget erscheint nicht

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

Widget erscheint, antwortet aber nicht

  • Prüfen Sie, ob der Agent aktiv ist
  • Prüfen Sie die Antwortzeiten des Widgets: außerhalb dieser Zeiten antwortet der Agent nicht
  • Prüfen Sie die Netzwerkverbindung

Sicherheit

Wichtig

  • Die agentId im Snippet ist öffentlich und im Quellcode sichtbar: Das ist so vorgesehen, sie ist kein Geheimnis
  • Um zu kontrollieren, wo das Widget funktionieren darf, verwenden Sie die Erlaubten Domains in den Einstellungen (die Prüfung wird von unseren Servern durchgesetzt)
  • Gegen Missbrauch ist standardmäßig ein Limit von 60 Anfragen pro Stunde und Besucher aktiv

Nächste Schritte

© 2026 Leader24.