Wenn Ihre Website mit Webflow erstellt wurde und Sie in Echtzeit mit Ihren Webflow-Besuchern sprechen möchten, können Sie das Chatwoot Live-Chat-Widget zu Ihrer Website hinzufügen. Folgen Sie den unten beschriebenen Schritten.

## Schritt 1. Erstellen Sie ein Website-Postfach in Chatwoot[​](https://www.chatwoot.com/hc/user-guide/articles/1784681452-wie-installiert-man-einen-live_chat-auf-einer-webflow_website "Direct link to heading")

Bitte beachten Sie diese [Anleitung](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat) für detaillierte Anweisungen zum Einrichten eines Website-Postfachs in Chatwoot.

## Schritt 2. Installieren Sie das generierte Skript in Webflow[​](https://www.chatwoot.com/hc/user-guide/articles/1784681452-wie-installiert-man-einen-live_chat-auf-einer-webflow_website "Direct link to heading")

Melden Sie sich in Ihrem Webflow-Konto an und wählen Sie Ihre Website aus. Wählen Sie Einstellungen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN2x4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--dac19f18722460bebc10eed15a33ad30a12a8ec7/webflow%20settings.png)

[​](https://www.chatwoot.com/hc/user-guide/articles/1784681452-wie-installiert-man-einen-live_chat-auf-einer-webflow_website "Direct link to heading")Gehen Sie zu **Custom Code** -> **Footer Code**. Fügen Sie das Skript in das Feld "Footer Code" ein. Speichern Sie die Änderungen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61e6098dbe7b1e852d3c5a3a567b8ea892796d20/footer%20code.png)

## Schritt 3. Veröffentlichen Sie die Änderungen[​](https://www.chatwoot.com/hc/user-guide/articles/1784681452-wie-installiert-man-einen-live_chat-auf-einer-webflow_website "Direct link to heading")

Klicken Sie auf Veröffentlichen -> Wählen Sie die Website aus -> Veröffentlichen auf ausgewählten Domains.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJ4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1a8bfa1af05bac393d76002823964402c72a7740/publish%20changes.png)

## Schritt 4. Prüfen

Besuchen Sie Ihre Website und prüfen Sie, ob das Widget auf der Website erscheint.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGR4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--23bcae6d06e19fc5a9235235afe725b062ac0a8c/chatwoot%20live%20chat%20widget%20on%20a%20webflow%20website.png)