Skip to main content
Füge Live-Chat direkt in die Inhalte deiner Website oder deines Funnels ein, anstatt nur eine schwebende Chat-Blase zu nutzen. Ein eingebettetes Live-Chat-Widget hilft dir dabei, Konversationen genau dort zu platzieren, wo Besucher am ehesten aktiv werden.
INHALTSVERZEICHNIS

​
Was ist das eingebettete Live-Chat-Widget?

Das eingebettete Live-Chat-Widget ist eine Platzierungsoption für den Live-Chat, die das Chat-Widget direkt im Seiteninhalt (inline) darstellt, anstatt es in der Bildschirmecke schweben zu lassen. Dadurch fügt sich der Chat nahtlos in das Design deiner Seite ein und ermöglicht es dir, Support und Interaktionsmöglichkeiten genau dort zu platzieren, wo Besucher Entscheidungen treffen. Das Widget nutzt weiterhin dieselbe Live-Chat-Funktionalität – lediglich die Platzierung ändert sich, nicht die Weiterleitung oder Verwaltung der Konversationen.

​
Hauptvorteile des eingebetteten Live-Chat-Widgets

  • Höhere Sichtbarkeit: Platziere den Chat in der Nähe von Hero-Bereichen, Formularen, Funktionsblöcken oder Call-to-Actions, wo Besucher bereits aktiv sind.
  • Natürliches Seitenerlebnis: Binde den Chat direkt in das Seitenlayout ein, statt als überlagerndes Element über dem Inhalt.
  • Keine Änderungen an Workflows: Weiterleitung, Lead-Erfassung und Live-Chat-Verwaltung laufen weiterhin über dein bestehendes Chat-System.
  • Flexible Nutzung: Verwende das Widget in Funnels, Websites, Landingpages und weiteren unterstützten Bereichen.

​
Wo sich eingebetteter Live-Chat am besten eignet

Eingebetteter Live-Chat kann auf folgenden Seiten genutzt werden:
  • Funnels
  • Websites
  • Landingpages
  • Individuelle HTML-Seiten
  • Andere unterstützte Seiten, auf denen Chat-Widgets installiert werden können
Das eingebettete Widget ist standardmäßig für Mobilgeräte optimiert und passt sich automatisch an kleinere Bildschirme an, während es im Seiteninhalt integriert bleibt.

​
So richtest du ein eingebettetes Live-Chat-Widget ein

Eine korrekte Einrichtung stellt sicher, dass das Widget genau an der gewünschten Stelle erscheint und sich auf deiner Website oder in deinem Funnel konsistent verhält.

​
Schritt 1: Neues Chat-Widget erstellen

Gehe zu Seiten → Chat-Widget und klicke auf + Neu (oder öffne ein bestehendes Widget).

​
Schritt 2: Live-Chat auswählen

Wähle die Option Live-Chat.

​
Schritt 3: Widget-Platzierung auf „Eingebettet“ setzen

  1. Öffne den Reiter Stil.
  2. Wähle unter Widget-Platzierung: Eingebettet / Inline (Wird im Inhalt dargestellt).
Dadurch wird das Widget direkt im Seitenlayout statt schwebend auf dem Bildschirm angezeigt.

​
Schritt 4: Widget anpassen

Konfiguriere das Widget nach deinen Anforderungen:
  1. Design & Erscheinungsbild
    • Farbschemata auswählen
    • Branding-Elemente anpassen (Avatar, Kopfzeile, Farben)
    • Design an deine Website anpassen
  2. Chatfenster-Einstellungen
    • Einleitungstext bearbeiten
    • Kontaktformularfelder konfigurieren (Name, Telefon usw.)
    • Pflichtfelder festlegen
    • Button-Text anpassen
  3. Nachrichten & Verhalten
    • Automatische Antworten einrichten
    • Zuweisung für Live-Chats konfigurieren
    • Geschäftszeiten definieren
    • Nachrichten für geschlossenen Chat anpassen

​
Schritt 5: Einbettungscode abrufen

  1. Klicke oben rechts auf Code abrufen.
  2. Kopiere das Einbettungsskript.

​
Schritt 6: Widget zum Funnel, zur Website oder zu einer anderen Seite hinzufügen

Option 1: Funnels
  1. Öffne den Funnel-Editor.
  2. Füge an der gewünschten Stelle ein Benutzerdefinierter Code-Element ein.
  3. Füge den Einbettungscode ein.
  4. Speichere und veröffentliche die Seite.
Option 2: Websites / Externe Seiten
  1. Öffne den Website-Editor oder deine HTML-Datei.
  2. Füge den Einbettungscode im gewünschten Bereich ein.
  3. Veröffentliche die Änderungen.
Das Widget wird exakt dort gerendert, wo der Code eingefügt wurde.

​
Funktionsweise

Das Widget lädt inline direkt im Seiteninhalt. Das Chat-Verhalten entspricht dem standardmäßigen Live-Chat (Weiterleitung, Automatisierung usw.). Besucher können:
  • Eine Konversation starten
  • Kontaktdaten übermitteln
  • In Echtzeit weiterchatten

​
Typische Anwendungsfälle für eingebetteten Live-Chat

Die eingebettete Platzierung ist besonders effektiv, wenn der Chat eine bestimmte Handlung unterstützt oder Hürden abbaut, bevor ein Besucher fortfährt. Typische Anwendungsfälle:
  • Fragen vor dem Absenden von Formularen erfassen
  • Hilfe auf Buchungs- oder Beratungsseiten anbieten
  • Einwände in Funnel-Schritten ausräumen
  • Ein geführtes Support-Erlebnis auf Dienstleistungsseiten schaffen
  • Eine sichtbare Kontaktmöglichkeit in separaten Kontaktbereichen einbinden

​
Best Practices

  • Platziere das Widget in der Nähe von absichtsrelevanten Inhalten wie Formularen, Angeboten, Buchungsbereichen oder Support-Hinweisen.
  • Passe das Widget-Design an die Seite an, um ein einheitliches Erscheinungsbild zu gewährleisten.
  • Prüfe Abstände und Ausrichtung, damit das Widget in schmalen Abschnitten nicht eingeengt wirkt.
  • Überprüfe das mobile Layout nach der Veröffentlichung auf Lesbarkeit und Abstände.
  • Halte Einleitungs- und Bestätigungsnachrichten klar und handlungsorientiert.

​
Wichtige Hinweise zum Verhalten

  • Eingebettete Widgets schweben nicht über der Seite.
  • Du kannst auf anderen Seiten weiterhin schwebende Widgets verwenden.
  • Weiterleitungen, Automatisierungen und die Erfassung von Kontaktdaten bleiben unverändert.

​
Fehlerbehebung beim eingebetteten Live-Chat

  • Widget wird nicht angezeigt: Prüfe, ob der Einbettungscode korrekt eingefügt und die Seite veröffentlicht wurde.
  • Layout-Probleme: Überprüfe die Container-Breite in deinem Page-Builder und prüfe auf mögliche CSS-Konflikte.
  • Chat reagiert nicht: Überprüfe die Zuweisungseinstellungen für den Live-Chat und stelle sicher, dass die Geschäftszeiten korrekt konfiguriert sind.

​
Häufig gestellte Fragen

F: Kann ich sowohl eingebettete als auch schwebende Widgets nutzen? Ja, du kannst auf einigen Seiten eingebettete Widgets und auf anderen schwebende Widgets verwenden. F: Beeinflusst dies die Leistung des Chats? Nein, die Chat-Funktionalität bleibt unverändert. F: Kann ich mehrere Widgets auf einer einzelnen Seite einbetten? Nicht empfohlen – dies kann zu Problemen bei der Benutzererfahrung und beim Tracking führen.