Dieses Dokument hilft Ihnen dabei, Ihren Website-Live-Chat vollständig einzurichten. Es erklärt, wie Sie zusätzliche Einstellungen für ein gewünschtes Website-Postfach erstellen und nutzen können.

## Kompatibilität und Anforderungen[​](https://www.chatwoot.com/docs/product#compatibility-and-requirements "Direkter Link zur Überschrift")

Das Web-Dashboard und das Live-Chat-Widget funktionieren mit den meisten modernen Webbrowsern. Hier sind die unterstützten Browserversionen:

* Mozilla Firefox: ab Version 52

* Google Chrome: ab Version 57

* Chromium: ab Version 57

* Apple Safari: ab Version 14.1

* Microsoft Edge: ab Version 16

Hier sind die unterstützten mobilen Betriebssystemversionen für die Chatwoot Mobile App:

* Android: ab Version 5.0

* iOS: ab Version 11.0

## Wie erstellt man einen Website-Kanal in Chatwoot?

**Schritt 1**. Gehen Sie auf die Postfächer-Seite. Gehen Sie zu Einstellungen → Postfächer → „Postfach hinzufügen“-Button.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNnRTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c20bce3346e4c5302e34231b732d35756c5d8f7c/add-inbox-button-in-chatwoot.png)

**Schritt 2**. Klicken Sie auf das "Website"-Symbol.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN3BTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ca254101e5b84f709f7af7422bd82a888f947073/choose%20website%20inbox.png)

**Schritt 3**. Geben Sie den Namen Ihrer Website, die URL und weitere Details wie unten beschrieben ein.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--15de72d163b99b8c4c03979f6cf65ceaa0890c40/website%20channel%20settings%20in%20chatwoot.png)

Die verfügbaren Felder sind unten erklärt.

1. **Website-Name**

   Geben Sie den Namen Ihrer Website ein. Zum Beispiel: Beispiel GmbH.

2. **Website-Domain**

   Geben Sie die URL Ihrer Website ein. Zum Beispiel: [`www.example.com`](http://www.example.com/)

3. **Widget-Farbe**

   Klicken Sie auf die Palette und wählen Sie eine Farbe für Ihr Live-Chat-Widget auf der Website.

4. **Begrüßungsüberschrift**

   Schreiben Sie eine Begrüßung für Ihre Kunden. Zum Beispiel: Hallo 👋

5. **Willkommens-Tagline**

   Zum Beispiel: Wir sind hier, um Ihnen bei Ihren Fragen zu helfen. Fragen Sie uns alles oder teilen Sie uns Ihr Feedback mit.

6. **Begrüßung für den Kanal aktivieren/deaktivieren**

   Aktivieren, um eine Begrüßungsnachricht zu senden, wenn der Kunde die Konversation startet

7. **Kanal-Begrüßungsnachricht**

   Geben Sie eine Begrüßung ein, um die Konversation zu beginnen. Zum Beispiel: Hallo. Wie können wir Ihnen helfen?

Nachdem alle Details eingegeben wurden, klicken Sie auf den Button „Postfach erstellen“.

**Schritt 4**. „Fügen Sie Agenten“ zu Ihrem Website-Postfach hinzu.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK1ZTVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--bc3650f3167675552f06e58f14243f29159d3716/adding%20agents%20to%20inbox.png)

Die Konversationen werden nur dann an Agenten weitergeleitet, wenn sie mit dem Postfach verknüpft sind. Auch wenn Sie Administrator sind, müssen Sie sich selbst als Agent zum Postfach hinzufügen, um dieses auf Ihrem Bildschirm zu sehen.

Wählen Sie die Agenten aus dem Dropdown-Menü und klicken Sie auf „Agenten hinzufügen“. Wenn keine Agenten hinzugefügt wurden, folgen Sie den Schritten zum [Agenten hinzufügen](https://www.chatwoot.com/hc/user-guide/articles/1784681469-wie-ladt-man-agenten-ein-und-verwaltet-sein-support_team).

**Schritt 5**. Hurra! Sie haben erfolgreich ein Website-Postfach erstellt. Fügen Sie jetzt das Widget zu Ihrer Website hinzu.

Kopieren Sie den auf der Seite angezeigten Code und fügen Sie ihn in Ihre Website ein, um Ihre Kunden zu unterstützen. Sie können auf den Kopieren-Button klicken und dann [in die Root-Datei](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat) Ihrer Website einfügen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzlUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2de82601616d737879b126aa57ef963e368dfaa1/website%20inbox%20is%20ready.png)

Wenn Sie auf den "**Mehr Einstellungen**"-Button klicken, gelangen Sie zu den Zusätzlichen Einstellungen für das Postfach. Wenn Sie auf den "**Bring mich dorthin**"-Button klicken, gelangen Sie zum neu erstellten Postfach.

**Schritt 6**. Wenn Sie die Agenten aktualisieren möchten, die Zugriff auf das Postfach haben, gehen Sie zu Einstellungen → Postfächer. Sie sehen dort Ihr Website-Postfach aufgelistet. Klicken Sie auf Einstellungen. Sie sehen den Code sowie die Liste der Agenten, die Zugriff auf das Postfach haben.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeUpUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--d927267e1314006286bb481ac4cfad56640250c4/website%20settings.png)

## Einrichtung des Website-Postfachs abschließen

Sie haben bereits ein funktionierendes Website-Postfach. Lassen Sie uns einen Blick auf die zusätzlichen Postfach-Einstellungen werfen.[​](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat "Direkter Link zur Überschrift")

Klicken Sie auf Ihrem Postfächer-Bildschirm auf das Zahnrad-Symbol, um zur Einstellungsseite zu gelangen. Sie sehen den folgenden Bildschirm:

### Tab Einstellungen

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBekJUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--217e87f08cc9fedfd4f013077a28a7c0c7f1b3c0/updating%20website%20settings.png)

Scrollen Sie nach unten, um weitere Einstellungen zu sehen, in denen Sie die verschiedenen Benachrichtigungen auswählen können, die Sie erhalten möchten, wenn Ihr Website-Postfach aktiv wird.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBelZUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c57a9e3df4574d12a56cfcf79567f2702a7719a8/updating%20more%20website%20settings.png)

Hier sind ein paar Beispiele zum Verständnis:

**E-Mail-Sammelbox aktivieren** ist standardmäßig aktiviert. Dies bedeutet, dass eine automatische Nachricht zur Erfassung der E-Mail-Adresse angezeigt wird, sobald der Kunde eine Konversation startet. Der Kunde/Endbenutzer erhält eine Aufforderung, eine E-Mail-Adresse einzugeben.

**CSAT aktivieren**. Sobald Sie dies aktivieren, wird Ihre Kundenzufriedenheitsumfrage jedes Mal gestartet, wenn ein Ticket gelöst wird. Die CSAT-Ergebnisse können später im Berichte-Bereich eingesehen werden.

Klicken Sie auf den "**Aktualisieren**"-Button, um die vorgenommenen Änderungen zu speichern.

### Tab Mitarbeiter[**​**](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat "Direkter Link zur Überschrift")

Klicken Sie auf die Registerkarte „Mitarbeiter“.

Hier können Sie Agenten zum Postfach hinzufügen oder bereits hinzugefügte Agenten löschen. Sie können auch die automatische Zuweisung neuer Konversationen an die zu diesem Postfach hinzugefügten Agenten aktivieren oder deaktivieren.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMEZUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--fb59fd3384c40aa182e8025c2ce50dbdd412679a/collaborators%20in%20website%20inbox.png)

Klicken Sie auf `Aktualisieren`, um die Änderungen zu speichern.

### Tab Geschäftszeiten[**​**](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat "Direkter Link zur Überschrift")

Klicken Sie auf die Registerkarte „Geschäftszeiten“. In diesem Abschnitt können Sie die Arbeitszeiten Ihres Teams einstellen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMGxUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--67f7632d1b08f2600a7e9e5b57437925dbbe8d8e/website%20business%20hours%20setting.png)

Aktivieren Sie das Kontrollkästchen für `Geschäftszeiten für dieses Postfach aktivieren`, wenn Sie klar definierte Geschäftszeiten haben. Nachdem das Kästchen aktiviert wurde, öffnet sich ein neuer Abschnitt wie unten gezeigt. Sie können Ihre Nachricht verfassen, die dem Kunden außerhalb der Geschäftszeiten angezeigt wird.

**Hinweis:** *Wenn Captain in einem Postfach aktiviert ist, wird die Abwesenheitsnachricht automatisch unterdrückt. Captain übernimmt die Konversationen direkt, auch außerhalb der Geschäftszeiten. Die Abwesenheitsnachricht wird nur gesendet, wenn Captain die Unterhaltung an einen menschlichen Agenten übergibt oder Captain für das Postfach nicht konfiguriert ist.*

Sie können außerdem für jeden Wochentag die verfügbaren Geschäftszeiten sowie die korrekte Zeitzone einstellen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMUJUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b0121cc8955abbafb5ba02f2571be6512cf8e95d/business%20hour%20settings%20in%20chatwoot.png)

Klicken Sie auf den `Geschäftszeiten aktualisieren` Button.

### Tab Pre-Chat-Formular[​](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat "Direkter Link zur Überschrift")

Klicken Sie auf die Registerkarte „Pre-Chat-Formular“.

Damit können Sie [Informationen über Ihre Kunden erfassen](https://www.chatwoot.com/blog/pre-chat-form-automations/), sobald diese Ihr Live-Chat-Fenster/Website-Widget betreten. Sie können damit Name, E-Mail-Adresse und mehr abfragen, bevor Sie mit dem Chat beginnen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMXBUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--44b3215e97ab368f518d0edc68540dee5ad8c977/pre%20chat%20form%20settings%20in%20chatwoot.png)

Die angezeigten Felder werden unten erklärt:

1. Pre-Chat-Formular aktivieren

   Wählen Sie Ja oder Nein. Ja, wenn Sie das Pre-Chat-Formular nutzen möchten. Nein, wenn es deaktiviert bleiben soll.

2. Pre-Chat-Nachricht

   Schreiben Sie eine Nachricht, um eine Konversation mit dem Kunden zu beginnen. Zum Beispiel: Hallo, wir benötigen ein paar Informationen, um Ihnen besser helfen zu können.

3. Felder im Pre-Chat-Formular

   Kreuzen Sie die benötigten an.  
   **Wichtig:** "Name", "E-Mail" und "Telefon" sind die einzigen Standardattribute für das Pre-Chat-Formular. Weitere Felder werden über benutzerdefinierte Attribute erstellt. Wenn Sie eigene Felder benötigen, [legen Sie diese zuerst als benutzerdefinierte Attribute an](https://www.chatwoot.com/hc/user-guide/articles/1784681461-wie-erstellt-und-verwendet-man-benutzerdefinierte-attribute).

Klicken Sie auf „Aktualisieren“. Das Pre-Chat-Formular ist jetzt aktiviert.

### Tab Konfiguration[​](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat "Direkter Link zur Überschrift")

Klicken Sie auf die Registerkarte „Konfiguration“. Hier finden Sie den Code, der auf der Website eingefügt werden muss.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9d1f59b59a73fa8c2b9b2bb5d43628d9aee98b5b/configuration%20settings%20tab%20in%20website%20inbox.png)

Sie können auf den `Kopieren`-Button klicken, um den Code zu kopieren, und [fügen Sie ihn in die Root-Datei](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat) Ihrer Website ein.

### Tab Widget Builder[**​**](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat "Direkter Link zur Überschrift")

Sie können Ihr Web-Widget mit den auf dieser Seite bereitgestellten einfachen Einstellungen anpassen. Sie sehen Ihre Änderungen live.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGxUVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b7cc5f2ecd054b45fed9f15da31a074dfb8df860/chatwoot's%20web%20widget%20builder.png)