Videoanrufe helfen Ihrem Team, schnell mit Kunden in Kontakt zu treten, Anliegen klar zu verstehen und schneller Unterstützung zu bieten. Chatwoot unterstützt Videoanrufe für Live-Chat-Konversationen auf Ihrer Website über die Integration mit Cloudflare RealtimeKit.

In dieser Anleitung erfahren Sie, wie Sie die erforderlichen Cloudflare RealtimeKit-Zugangsdaten erstellen, mit Chatwoot verbinden und einen Videoanruf aus einer Konversation starten.

> Hinweis: Wenn Sie zuvor die Dyte-Integration verwendet haben, nutzen Sie für neue Setups Cloudflare RealtimeKit. Die Legacy-Infrastruktur von Dyte wird nach der Übernahme durch Cloudflare eingestellt.

## Voraussetzungen

Bevor Sie beginnen, stellen Sie bitte Folgendes sicher:

* Zugriff auf Ihr Cloudflare-Konto.

* Berechtigung zum Erstellen einer RealtimeKit-App in Cloudflare.

* Berechtigung zum Erstellen von Cloudflare API-Tokens.

* Administratorzugriff auf Ihr Chatwoot-Konto.

## Wie erstellt man eine RealtimeKit-App in Cloudflare?

**Schritt 1.** Öffnen Sie das Cloudflare-Dashboard und gehen Sie zu Realtime -> RealtimeKit.

**Schritt 2.** Klicken Sie auf die Schaltfläche „App erstellen“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCTE5xblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--51a81bbedaf78eb5b87b7c7617f0c0e3fc3adc0e/CleanShot%202026-06-18%20at%2012.46.10@2x.png)

\
**Schritt 3.** Geben Sie der App einen Namen. Zum Beispiel können Sie „video-support“ verwenden. Klicken Sie auf „Erstellen“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRHhEblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--3dd16b9ec98a6b1ce13ea89449fb0581de620d36/create-app.png)

\
**Schritt 4.** Nachdem die App erstellt wurde, kopieren Sie die RealtimeKit App-ID. Sie benötigen diesen Wert, um die Integration in Chatwoot zu verbinden.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSHBEblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--953c57d64fdc09cf98ef6cd22df249d73e9036d2/realtime-id.png)

## Wie finde ich meine Cloudflare Account-ID?

**Schritt 1.** Gehen Sie zur Startseite Ihres Cloudflare-Kontos.

**Schritt 2.** Klicken Sie auf das Drei-Punkte-Menü oben rechts.

**Schritt 3.** Klicken Sie auf „Account-ID kopieren“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSWREblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--3a9ce95d8a73c8bdd227b2e0d285a025a3547394/account-id.png)

## Wie erstellt man ein Cloudflare API-Token?

**Schritt 1.** Gehen Sie in Cloudflare zu Mein Profil -> API-Tokens.

**Schritt 2.** Klicken Sie auf „Token erstellen“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCSkpEblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5b63d3bc28239d459bb59a98c627d775287d80cd/create-token-1.png)

**Schritt 3.** Unter „Benutzerdefiniertes Token“ klicken Sie auf „Starten“.

**Schritt 4.** Geben Sie dem Token einen aussagekräftigen Namen. Zum Beispiel können Sie „video-support“ verwenden.

**Schritt 5.** Wählen Sie unter Berechtigungen:

* Bereich: Konto

* Berechtigung: Realtime

* Zugriff: Admin

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCS05EblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--104e2d8ada4a8ed4b2d929af29909289810e6e9a/create-token-2.png)

**Schritt 6.** Wählen Sie unter Account-Ressourcen das Cloudflare-Konto aus, das Sie mit Chatwoot verwenden möchten. Sie können „Alle Konten“ auswählen, wenn das Token für alle Ihre zugänglichen Konten gelten soll.

**Schritt 7.** Überprüfen Sie die Zusammenfassung des Tokens und klicken Sie auf „Token erstellen“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCTGREblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a3678d903d1c8ee7f953d6380de80f15628aae7e/create-token-3.png)

\
**Schritt 8.** Kopieren Sie das API-Token. Cloudflare zeigt diesen Token nur einmal an, speichern Sie ihn daher sicher, bis Sie ihn in Chatwoot hinzufügen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCQVpFblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5cdd6e1d3e92af3ec0c9603661fcf10b5fd14987/copy-token-4.png)

## Wie richte ich die RealtimeKit-Integration in Chatwoot ein?

**Schritt 1.** Gehen Sie in Chatwoot zu Einstellungen -> Anwendungen -> Cloudflare RealtimeKit.

**Schritt 2.** Klicken Sie auf „Konfigurieren“.

**Schritt 3.** Klicken Sie auf „Verbinden“.

**Schritt 4.** Geben Sie folgende Werte ein:

* Cloudflare Account-ID

* RealtimeKit App-ID

* Cloudflare API-Token

**Schritt 5.** Klicken Sie auf „Erstellen“.

Chatwoot überprüft die Zugangsdaten, bevor die Integration gespeichert wird. Falls ein Wert nicht korrekt ist, erhalten Sie eine spezifische Fehlermeldung für das API-Token, die Account-ID, die Berechtigungen oder die RealtimeKit App-ID.

Sobald die Zugangsdaten gespeichert sind, ist die RealtimeKit-Integration einsatzbereit.

## Wie können Sie Ihre Kunden in Chatwoot per Video anrufen?

Nach der Aktivierung der RealtimeKit-Integration wird Ihnen in Website-Posteingang-Konversationen die Option für Videoanrufe angezeigt.

**Schritt 1.** Öffnen Sie eine Website-Posteingangs-Konversation.

**Schritt 2.** Klicken Sie auf das Kamera-Symbol unterhalb des Antworteditors.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCQnRyblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--9d55787740060e7e8b758d2bd4a73d7973b0ab47/video-call-button.png)

**Schritt 3.** Chatwoot sendet dem Kunden eine Besprechungseinladung. Klicken Sie auf „Hier klicken, um beizutreten“, um den Anruf zu starten.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRjlFblFVPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--bd1e312c6314ef045b8ff358b6a1f8d42be043e3/click-to-start-call.png)

**Schritt 4.** Der Kunde kann über das Live-Chat-Widget auf der Website demselben Anruf beitreten.

**Schritt 5.** Sobald beide Seiten teilgenommen haben, können Agent und Kunde das Gespräch per Video oder Audio fortsetzen.