[WordPress](https://wordpress.com/) ist ein beliebtes Content-Management-System. Wenn Sie Ihre Website mit WordPress betreiben, können Sie ein Chatwoot-Live-Chat-Widget hinzufügen und in Echtzeit mit Ihren Besuchern chatten. Dies kann in 4 einfachen Schritten mit dem WordPress-Plugin von Chatwoot erledigt werden.

## Schritt 1. Laden Sie das Chatwoot-Plugin herunter

Laden Sie die Zip-Datei des neuesten Chatwoot WordPress-Plugins von [GitHub](https://github.com/chatwoot/wp-plugin/tags) herunter, wie unten gezeigt.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL2h3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--58881b684a83cc7696a3a0469e56f567b4141d4f/Chatwoot%20WordPress%20plugin.png)

## Schritt 2. Laden Sie das Plugin auf Ihre WordPress-Website hoch

Melden Sie sich bei Ihrem WordPress-Konto an. Navigieren Sie zum Admin-Panel und klicken Sie im Seitenmenü auf „Plugins“. Sie sehen dann die Schaltfläche „Neu hinzufügen“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBLzV3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1299b2d31097a7c4bfbaa2740fbf1f78c22a5660/adding%20a%20plugin%20to%20wordpress.png)

Sie sehen nun eine Option, um das Plugin hochzuladen, wie im Screenshot unten zu sehen ist. Klicken Sie auf „Hochladen“ und wählen Sie die in Schritt 1 heruntergeladene Zip-Datei aus.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBLzl3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8da5acf9ee4ad8166897b3ae21e7a5e5398411fe/upload%20plugin.png)

## Schritt 3. Aktivieren Sie das Plugin

Nachdem das Plugin hochgeladen wurde, sehen Sie eine Erfolgsmeldung mit der Option „Plugin aktivieren“, wie unten gezeigt. Klicken Sie auf die Schaltfläche „Plugin aktivieren“.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd0p4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--cbbe5be0c65977fdb9d10cbbb071758190f39d35/activate%20chatwoot%20plugin%20in%20wordpress.png)

Glückwunsch! Das Plugin ist nun installiert. Um die Konfiguration abzuschließen, müssen Sie wie in den nächsten Schritten gezeigt die Chatwoot-App-Zugangsdaten hinterlegen.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a583e55c9da31177ec6d8dbf6c3ab62ff4e34ec2/installed%20chatwoot%20plugin%20in%20wordpress.png)

## Schritt 4. Konfigurieren Sie das Plugin

Nun sehen Sie „Chatwoot Einstellungen“ im Menü „Einstellungen“. Klicken Sie darauf, um die Live-Chat-Konfiguration zu bearbeiten.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeE54VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5bec1a3527298b363ab0752d715b4bc5e196ba1f/configuring%20the%20chatwoot%20plugin%20in%20wordpress.png)

\
Es erscheint der Einstellungsbildschirm wie unten abgebildet. Konfigurieren Sie hier Ihr Chatwoot-Plugin, damit es funktioniert.

Sie müssen ein Website-Postfach in Ihrer Chatwoot-Installation erstellen. Hinweise dazu finden Sie in diesem [Leitfaden](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat).

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFp4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--73cf371645ed9fc68463c702e8fcb3999ee09d08/chatwoot%20plugin%20settings%20in%20wordpress.png)

\
Die Formularfelder werden im Folgenden erläutert.

1. **Chatwoot Website-Token / Chatwoot Installations-URL**

   Nachdem Sie ein Website-Postfach in Ihrer Chatwoot-Installation erstellt haben, erhalten Sie ein Skript. Sie können den Token und die URL wie unten angezeigt kopieren.

   ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTV4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2b1df25331c54252587d29171c66c14367740d70/wesbite%20inbox%20token%20and%20script%20from%20chatwoot.png)

2. **Widget-Design**

   Chatwoot unterstützt zwei Live-Chat-Widget-Designs – Standard-Design und ein erweitertes Bubble-Design. Wählen Sie Ihre bevorzugte Variante.

3. **Widget-Position**

   Sie können auswählen, wo das Live-Chat-Widget auf der Website angezeigt werden soll. Die verfügbaren Optionen sind Links & Rechts.

4. **Sprache**

   Chatwoot unterstützt über 30 Sprachen. Die Standardsprache ist Englisch.

5. **Launcher-Text**

   Dies ist ein optionales Feld. Wenn Sie das erweiterte Bubble-Design verwenden, können Sie den Launcher-Text zur Anpassung der im Bubble angezeigten Textes verwenden.

Nachdem Sie das Formular ausgefüllt haben, klicken Sie auf „Änderungen speichern“. Stellen Sie außerdem sicher, dass Sie das [Website-Postfach in Chatwoot eingerichtet haben](https://www.chatwoot.com/hc/user-guide/articles/1784681470-erlauterung-der-einstellungen-fur-den-website_live_chat).

## Schritt 5. Überprüfen Sie, ob das Plugin korrekt funktioniert

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMDF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--f435f40cacb7f4f4bf9b7ce5e5ef4a35f2c8bfb5/installed%20chatwoot%20widget%20on%20a%20wordpress%20website.png)