> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/live-chat-auf-der-website-einrichten-und-betreuen.md).

# Live-Chat auf der Website einrichten und betreuen

## Was der Live-Chat macht

Der Live-Chat verbindet Websitebesucher mit deinem Team in Echtzeit. Eingehende Nachrichten erscheinen im Bereich **Unterhaltungen**; dort kannst du direkt antworten, die Unterhaltung einer zuständigen Person zuweisen und wichtige Informationen am Kontakt festhalten.

Der Chat ist sinnvoll, wenn Besuchende während der Erreichbarkeit schnell eine Antwort erwarten dürfen. Außerhalb dieser Zeit braucht der Chat eine klare Auffanglösung, damit keine Anfrage verloren geht.

## Vor dem Start

* Eine Website oder ein Funnel ist vorhanden, auf dem der Chat erscheinen soll.
* Eine zuständige Person oder ein kleines Team ist für Antworten festgelegt.
* Begrüßung, Antwortzeiten und Auffangtext sind vorbereitet.
* Ein Testgerät oder privates Browserfenster steht für den vollständigen Test bereit.

## Live-Chat-Widget anlegen

1. Öffne **Websites** und dann **Chat-Widget**.
2. Wähle **Neu**.
3. Wähle beim Chat-Typ **Live-Chat**. Nur dieser Typ leitet Nachrichten als Echtzeit-Chat in die Unterhaltungen weiter.
4. Vergib einen klaren Namen für das Widget, zum Beispiel **Website Live-Chat**.
5. Speichere das Widget zunächst und öffne die Gestaltung.

Die Übersicht zeigt vorhandene Widgets und ihren jeweiligen Chat-Typ. Kontrolliere den Typ, bevor du ein Widget auf einer Seite einsetzt.

## Begrüßung, Erscheinungsbild und Auffangtexte festlegen

Im Widget stehen getrennte Bereiche für Gestaltung, Chatfenster und Nachrichten bereit. Richte mindestens diese Punkte ein:

* **Begrüßung:** Die kurze erste Nachricht, die Besuchende im Widget sehen.
* **Avatar und Gestaltung:** Passe Bild, Farben und Erscheinungsbild an deine Website an, damit der Chat eindeutig zu deinem Unternehmen gehört.
* **Auffangnachricht bei fehlender Antwort:** Wenn niemand innerhalb der festgelegten Zeit antwortet, fordert diese Nachricht Kontaktdaten an. So kann dein Team später per E-Mail oder Nachricht nachfassen.
* **Nachricht bei Inaktivität:** Reagiert die besuchende Person eine bestimmte Zeit nicht, kann der Chat geschlossen und darüber informiert werden.

Öffne in der Vorschau die Desktop-, Tablet- und Smartphone-Ansicht. Prüfe, ob Begrüßung und Chat-Schaltfläche gut lesbar sind und keine wichtigen Inhalte der Seite verdecken.

## Widget auf Website oder Funnel einbinden

Du kannst das Widget über den Einbettungscode oder direkt in den Seiteneinstellungen einsetzen.

### Über den Einbettungscode

1. Öffne beim gespeicherten Widget **Code abrufen**.
2. Kopiere den Code.
3. Füge ihn im Footer- oder Body-Bereich der gewünschten Website oder des Funnels ein.
4. Speichere und veröffentliche die Seite.

### Über die Seiteneinstellungen

1. Öffne die gewünschte Website oder den Funnel.
2. Öffne die Einstellungen.
3. Wähle im Bereich **Chat-Widget** das gespeicherte Live-Chat-Widget aus.
4. Speichere und veröffentliche die Seite.

Teste nach jeder Einbindung die veröffentlichte Seite in einem privaten Browserfenster. So verfälscht keine bestehende Anmeldung den Test.

## Im Live-Chat antworten

1. Öffne **Unterhaltungen**.
2. Neue Live-Chat-Nachrichten erscheinen in Echtzeit im Posteingang. Das Chat-Symbol kennzeichnet den Kanal.
3. Öffne die Unterhaltung, lies Verlauf und vorhandene Kontaktdaten.
4. Antworte direkt im Bereich **Live-Chat** unter dem Verlauf.
5. Weise die Unterhaltung bei Bedarf einer zuständigen Person zu.
6. Dokumentiere wichtige Informationen am richtigen Kontakt.
7. Wähle **Chat beenden**, wenn die Anfrage geklärt ist.

Um nur diese Anfragen zu sehen, öffne die Filter, wähle beim letzten Nachrichtenkanal **Live-Chat** und bestätige die Auswahl. So trennst du Echtzeit-Chats von E-Mail, SMS und anderen Unterhaltungen.

## Chats automatisch zuweisen

Du kannst Live-Chat-Anfragen an eine bestimmte Person weiterleiten:

1. Öffne **Automatisierungen** und erstelle einen neuen Ablauf.
2. Wähle als Auslöser **Kunde hat geantwortet** oder **Neue Chat-Nachricht**.
3. Setze beim Kanal den Filter **Live-Chat**.
4. Wähle zusätzlich genau das Chat-Widget aus, für das die Regel gelten soll.
5. Füge als nächsten Schritt **Benutzer zuweisen** hinzu.
6. Wähle die zuständige Person.
7. Speichere und aktiviere den Ablauf.
8. Sende eine Testnachricht über das Widget und prüfe die Zuweisung in den Unterhaltungen.

Der zusätzliche Widget-Filter verhindert, dass andere Chat-Widgets versehentlich dieselbe Zuweisung auslösen.

## Keine Antwort und Chat-Ende sinnvoll behandeln

Antwortet dein Team nicht innerhalb der festgelegten Zeit, zeigt die Auffangnachricht dem Besucher eine Bitte um Kontaktdaten. Das ist keine sofortige Antwort, sondern eine Möglichkeit, die Anfrage später fortzuführen.

Reagiert der Besucher zu lange nicht, kann die Inaktivitätsregel den Chat schließen. Nutze außerdem **Chat beenden**, wenn ein Gespräch erledigt ist. Ein sauberer Abschluss hilft dem Team, offene und geklärte Anfragen zu unterscheiden.

## Ergebnis vollständig testen

1. Öffne die veröffentlichte Seite in einem privaten Browserfenster.
2. Starte eine neue Live-Chat-Nachricht.
3. Prüfe Begrüßung, Darstellung und Eingabefeld.
4. Öffne **Unterhaltungen** in einem zweiten Testzugang und prüfe, ob die Nachricht als Live-Chat erscheint.
5. Antworte und prüfe die Antwort im Browserfenster des Besuchers.
6. Teste die Filterung nach Live-Chat.
7. Teste bei aktivierter Automatisierung die Zuweisung.
8. Lass den Antwortzeitraum einmal absichtlich verstreichen und prüfe Auffangnachricht und Kontaktdatenabfrage.
9. Beende den Chat und prüfe den Abschluss im Verlauf.

## Seitenleiste sinnvoll nutzen

Die rechte Seitenleiste lässt sich ein- und ausklappen. Sie bündelt Informationen zum aktuell geöffneten Kontakt, ohne dass du die Unterhaltung verlassen musst. Über die Symbole wechselst du zwischen **Kontakt**, **Termine** und **Chancen**.

### Kontakt

Im Kontaktbereich prüfst oder ergänzt du Name, E-Mail-Adresse, Telefonnummer, zuständige Person, Tags, laufende Automatisierungen und die Kommunikationsfreigabe. Ändere diese Daten nur, wenn der richtige Kontakt geöffnet ist und die Information wirklich bestätigt ist.

### Termine

Im Terminbereich siehst du kommende und vergangene Termine. Du kannst dort einen neuen Termin anlegen oder einen bestehenden Termin öffnen und verschieben. Prüfe vor einer Änderung immer Zeitzone, Dauer und die richtige Person.

### Chancen

Im Chancenbereich siehst du die zum Kontakt gehörenden Chancen. Du kannst eine neue Chance anlegen oder eine bestehende öffnen und deren Details bearbeiten. So bleibt der Gesprächsverlauf direkt mit dem passenden Vertriebsstand verknüpft.

Die Seitenleiste spart Wechsel zwischen Bereichen, ersetzt aber keine Prüfung: Kontrolliere vor Änderungen immer, dass der richtige Kontakt geöffnet ist.

## Häufige Fehler und Lösungen

### Nachrichten erscheinen nicht in Unterhaltungen

Prüfe, ob das richtige Widget auf der veröffentlichten Seite eingebunden und der Chat-Typ auf **Live-Chat** gesetzt ist. Öffne die Seite anschließend in einem privaten Browserfenster und sende eine neue Testnachricht.

### Der Besucher erhält keine zeitnahe Antwort

Prüfe die Zuständigkeit und die Auffangnachricht. Wenn eine automatische Zuweisung eingerichtet ist, kontrolliere Auslöser, Kanalfilter, Widget-Auswahl und die zugewiesene Person.

### Nur manche Chats werden angezeigt

Öffne die Filter in den Unterhaltungen und prüfe, ob **Live-Chat** beim Nachrichtenkanal ausgewählt ist. Entferne andere Filter, wenn sie die Liste zusätzlich einschränken.

### Der Chat schließt zu früh

Prüfe die Inaktivitätszeit und teste sie mit einer realistischen Wartezeit. Wähle einen Zeitraum, der zu deinen Antwortzeiten passt.

## Praxisbeispiel

Eine Besucherin fragt auf der Angebotsseite nach einem Beratungstermin. Der Chat begrüßt sie kurz und ihre Nachricht erscheint sofort in **Unterhaltungen**. Eine Automatisierung weist sie der zuständigen Person zu.

Diese beantwortet die Frage, ergänzt nach Einwilligung die Telefonnummer am Kontakt und bietet einen freien Termin an. Nach der Buchung fasst sie das Ergebnis im Verlauf zusammen und beendet den Chat. Ist niemand verfügbar, bittet die Auffangnachricht stattdessen um Kontaktdaten für eine spätere Rückmeldung.

## Gut zu wissen

* Ein Live-Chat funktioniert nur zuverlässig, wenn Antwortzeiten und Zuständigkeiten klar sind.
* Die Auffangnachricht sichert Anfragen, ersetzt aber keine persönliche Antwort.
* Prüfe Widget, Verlauf, Filter, Zuweisung und Abschluss immer mit einem vollständigen Test.
* Die in der Originalquelle verlinkten externen Community-Videos wurden nicht als Faktenbasis für diese Anleitung verwendet.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/live-chat-auf-der-website-einrichten-und-betreuen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
