Leader24Leader24
🇩🇪

Widget einrichten

Fügen Sie den KI-Chat zu Ihrer Website hinzu: WordPress, Shopify oder jede Website mit einem Snippet

Das Widget ist die Chat-Blase, die Ihren KI-Agenten direkt auf Ihre Website bringt: Besucher stellen Fragen und der Agent antwortet 24/7, auf Desktop und Mobilgeräten.

Wo es verwaltet wird

  1. Gehen Sie zu Widget in der Seitenleiste des Dashboards
  2. Suchen Sie die Karte des Agenten: Sie zeigt den Status (Aktiv/Inaktiv), die aktuelle Farbe und Position
  3. Klicken Sie auf Einstellungen (oder Konfigurieren, beim ersten Mal)

Darin finden Sie alles: die Karte Integrationscode für die Installation, die Anpassungsbereiche und den Schalter Widget-Status, um den Chat auf der Website ein- und auszuschalten.

Installation

Der Weg hängt von der Plattform Ihrer Website ab.

WordPress: offizielles Plugin (empfohlen)

  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. Öffnen Sie den Eintrag Leader24 im WordPress-Menü und fügen Sie Ihre Agent ID ein
  4. Speichern: Das Widget erscheint auf der Website

Die Agent ID kopieren Sie aus dem Dashboard: Agenten → Ihr Agent → Einstellungen → Tab Allgemein, Feld Agent ID mit dem Kopier-Button. In der Karte Integrationscode finden Sie außerdem einen Tab WordPress mit der bebilderten Schritt-für-Schritt-Anleitung.

Shopify und jede andere Website: HTML-Snippet

  1. Gehen Sie zu Widget → Karte des Agenten → Integrationscode
  2. Klicken Sie auf Code kopieren
  3. Fügen Sie das Snippet vor dem schließenden body-Tag ein
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>

Für Shopify: Onlineshop → Themes → Code bearbeiten → öffnen Sie theme.liquid und fügen Sie das Snippet vor dem schließenden body-Tag ein. Für Wix: Settings → Custom Code → Code bei "Body - end" hinzufügen. Für Squarespace: Settings → Advanced → Code Injection → Feld Footer.

Sie möchten den Code nicht selbst anfassen?

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 hinzufügen und von der Karte aus den Status verfolgen — „Warte auf Installation", bis das Widget online ist, dann „Widget installiert am..." mit der erkannten Website.

Installation prüfen

  1. Laden Sie Ihre Website neu
  2. Das Widget-Symbol erscheint in der gewählten Ecke
  3. Öffnen Sie den Chat und senden Sie eine Testnachricht

Ab hier wird alles über das Dashboard verwaltet: Farben, Nachrichten und Verhalten aktualisieren sich beim Neuladen der Seite von selbst auf Ihrer Website, ohne den Code noch einmal anzufassen.

Nächste Schritte

© 2026 Leader24.