---
description: Erfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer WordPress-Website installieren.
title: Website-Chat-Widget auf WordPress installieren
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Neu🤖 AI-Agenten sind jetzt live auf respond.io! Lerne deinen neuen KI-Rezeptionisten, Vertriebs- oder Support-Agenten kennen. Mehr erfahren.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/de/whatsapp-business-calling-api)

Hilf mir mit... ⌘ 

1. [All Collections >](/de/help)
2. [ Kanäle >](/de/help/channels)
3. [ Webseiten-Chat-Widget >](/de/help/website-chat-widget)
4. Website-Chat-Widget auf WordPress installieren

# Website-Chat-Widget auf WordPress installieren

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 28 Aug 2025

3 Min. Lesezeit

Das Hinzufügen eines Web-Chat-Widgets zu Ihrer WordPress-Website ist ein schneller und einfacher Vorgang. Es sind keine Programmierkenntnisse oder technischen Kenntnisse erforderlich.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png?fm=jpg&q=80&w=500) 

## Vorbereiten der Installation

Um ein Web-Chat-Widget auf WordPress zu installieren, benötigen Sie Folgendes:

* Zugriff auf das WordPress-Dashboard Ihrer Website'.
* Ein Code-Schnipsel für Ihr Web-Chat-Widget.

Wenn du noch keinen Codeausschnitt hast, wirst du einen generieren, wenn du ein respond.io [Website-Chat-Widget](https://respond.io/de/help/website-chat-widget/website-chat-widget-overview) erstellst oder das [Facebook-Chat-Plugin](https://respond.io/de/help/facebook-messenger/facebook-chat-plugin) für [Facebook Messenger](https://respond.io/de/help/facebook-messenger/facebook-messenger-overview) verwendest.

> Wenn Sie die Kanäle bereits mit der respond.io-Plattform verbunden haben und den generierten Codeausschnitt abrufen müssen, befolgen Sie die Anweisungen [hier](https://respond.io/de/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

Stellen Sie für eine erfolgreiche Installation sicher, dass die Domain Ihrer Website ausgefüllt ist. Hierzu gibt es zwei Möglichkeiten.

Gehen Sie zu respond.io **Einstellungen** \> wählen Sie **Kanäle** \> wählen Sie Ihren Website-Chat-Kanal > klicken Sie auf Konfigurieren > fügen Sie die Website-Domain hinzu. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1e7uaH6kDm1O7pGveCSLtj/cd6e069ed2d3ba023349b508560e3fab/screen-shot-2023-02-14-at-7-47-59-pm.png?fm=jpg&q=80&w=640) 

Gehen Sie zu den respond.io-Einstellungen > , wählen Sie **Wachstums-Widgets** \> , klicken Sie auf das Widget, das Sie Ihrer Website hinzufügen möchten > , und fügen Sie im Umschalter **Allgemein** Ihre Website-Domain zum Feld **Website-Domains** hinzu.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3p3pQU8wHpzk061bqvS0Tr/65706ba2cdd4a08d5972ca1c7f0fe11f/chat-widget-settings.png?fm=jpg&q=80&w=640) 

## Installation auf WordPress

**Schritt 1: Melden Sie sich bei WordPress an**

Navigieren Sie zum WordPress-Admin-Dashboard Ihrer Website und melden Sie sich an.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7BEtXv2z3DbKUr6hji7TOm/aeb0a76500168de0c4db1758459f36d4/install-webchat-on-word-press.png?fm=jpg&q=80&w=640) 

**Schritt 2: Navigieren Sie zur Plugins-Seite**

Klicken Sie im linken Navigationsbereich auf **Plugins**. Auf der Plugins-Seite klicken Sie oben auf die blaue Schaltfläche **„Neu hinzufügen“**.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4yyIZmSrxmxdrhKGl8VcOl/b9881e62aab33064babb824daffbfe66/install-webchat-on-word-press-2.png?fm=jpg&q=80&w=640) 

**Schritt 3: Neues Plugin hinzufügen**

Suchen Sie mithilfe der Suchleiste nach dem Plugin **WPCode** . Drücken Sie die Schaltfläche **Jetzt installieren** und aktivieren Sie das Plugin, um es verwenden zu können. Drücken Sie die Schaltfläche **Jetzt installieren** und stellen Sie sicher, dass Sie das Plugin aktivieren, um es nutzen zu können.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/5GGHqfES2lXgv5NzIoFz1P/15f02cef289ef90f490c4aecd1601ce7/add_new_plugin.png?fm=jpg&q=80&w=640) 

**Schritt 4: Kopf- und Fußzeilenkonsole öffnen**

Klicken Sie im linken Navigationsmenü auf „Code-Snippets“ und wählen Sie im Untermenü „ **Header & Footer** “ aus.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2DwpPlV3Td8AqC1JJByNz0/7806704ac1df123f86c8a1ecbe5a5afb/Screenshot_2025-04-09_at_5.34.35_PM.png?fm=jpg&q=80&w=640) 

**Schritt 5: Live-Chat-Skript hinzufügen**

Kopieren Sie Ihr Plugin-Skript von respond.io und fügen Sie es in den Abschnitt „ **Skript im Fußbereich** “ der Kopf- und Fußzeilen-Konsolenseite ein.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/Ian351FEXVFMTGKlYGxmH/861c265623900ca5302d72ea4a4606ed/wpcode-live_chat_script.png?fm=jpg&q=80&w=640) 

Nachdem Sie das Skript eingefügt haben, klicken Sie unten auf der Seite auf die blaue Schaltfläche "**Speichern**" .

**Erledigt!**

Öffnen Sie die Website und sehen Sie sich das Chat-Plugin an. Sie finden es in der unteren rechten Ecke. Jetzt können Ihre Website-Besucher mühelos mit Ihnen chatten. Wenn Sie die von der respond.io-Plattform generierten Code-Snippets verwendet haben, können Sie die Konversationen verwalten und das Erscheinungsbild des Widgets von der Plattform aus aktualisieren.

> Das Chat-Widget ist jetzt auf Ihrer Website aktiv!

## Angemeldete Benutzer identifizieren

> Dieser Abschnitt ist nur anwendbar, wenn Ihre Website über eine Benutzeranmeldefunktion verfügt.

**Schritt 1: Melden Sie sich bei Ihrem WordPress-Konto an**

Navigieren Sie zum WordPress-Admin-Dashboard Ihrer Website und melden Sie sich an.

**Schritt 2: Öffnen Sie die Theme-Header-Dateien**

Klicke im linken Navigationsmenü auf **Darstellung** und wähle den **Theme-Datei-Editor** aus. Wählen Sie die Datei **Theme Header** aus.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/64VlcD24OVD9CUaFiK9U5B/91eb153aabead2673c1674395a0605a1/identify-logged-in-users.png?fm=jpg&q=80&w=640) 

**Schritt 3: Hinzufügen der abgerufenen Benutzer-ID und des Namenscodes**

Kopieren Sie den Beispielcode unten und fügen Sie ihn in die Theme-Header-Datei ein. Nachdem Sie den Code eingefügt haben, klicken Sie unten auf der Seite auf die Schaltfläche **Datei aktualisieren** .

> Der folgende Beispielcode dient dazu, die Benutzer-ID sowie den Vornamen und Nachnamen von WordPress abzurufen. Sie können die Angaben gerne ändern, wenn Sie weitere Kontaktfelder wünschen.

```html
<?php 
	$user_info = get_userdata(get_current_user_id());
?>

<script type="text/javascript">
	Fenster.$wp_ID = "<?php echo $user_info->ID; ?>";
	Fenster.$wp_firstname = "<?php echo $user_info->Vorname; ?>";
	Fenster.$wp_lastname = "<?php echo $user_info->Nachname; ?>";
</script>
```

\`

**Schritt 4: Kopf- und Fußzeilenkonsole öffnen**

Klicke im linken Navigationsmenü auf **Einstellungen** und wähle das Plugin **Header & Footer** aus dem Untermenü 'Einstellungen' aus.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7gZgsdh0AM40EiyW1iCfQR/a5102c94de84f92388de60fe9b6f3602/wpcode-open_console.png?fm=jpg&q=80&w=640) 

**Schritt 5: Hinzufügen des Skripts „Angemeldeten Benutzer identifizieren“**

Kopieren Sie den folgenden Beispielcode und fügen Sie ihn in den Abschnitt „ **\-Skript im Fußbereich** “ der Kopf- und Fußzeilen-Konsolenseite ein. Beachten Sie, dass das Skript **zur Identifizierung des angemeldeten Benutzers** über dem Skript **für den Live-Chat**platziert werden muss.

> Der folgende Beispielcode verwendet die Benutzer-ID als Kennung und übergibt den Vor- und Nachnamen. Sie können die Angaben gerne ändern, wenn Sie weitere Kontaktfelder wünschen.

Nachdem du das Skript eingefügt hast, klicke unten auf der Seite auf die blaue Schaltfläche "**Speichern**".

**Erledigt!**

Öffne die Website und sehe dir das Chat-Plugin an. Die angemeldeten Benutzer Ihres WordPress können identifiziert werden. Sobald die übergebene Kennung einem bestehenden Kontakt zugeordnet wird, wird die aktuelle Konversation fortgesetzt.

## FAQ und Fehlerbehebung

### 

WPCode

Wenn du ein WordPress-Cache-Plugin wie WPCode verwendest, folge diesen Schritten, damit das Widget korrekt angezeigt wird.

**Deaktivieren Sie die Datenminimierungsfunktion für JavaScript**

Gehe zu **Wordpress-Einstellungen** \> Wähle **WPCode** \> Auf der WPCode-Seite, wähle die Registerkarte **Dateioptimierung** \> deaktiviere **JavaScript-Dateien minimieren**.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7u1DdW6UTB1nHdrE0QlgIB/f3412a5f90adf94cab31a67c4a42d108/css-and-js-files-minified-source-wp-rocket.png?fm=jpg&q=80&w=640) 

**Füge unsere Widget-Domain zu den von JavaScript ausgeschlossenen Dateien hinzu.**

`https://cdn.respond.io/webchat/widget/(.*).js`

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3TcEXrKx1zKh7IhvT4G7Cp/6308494d1b35b918e250d3ebc387b87e/wp-rocket-javascript-excluded-files.png?fm=jpg&q=80&w=640) 

> Nach dem Speichern wird empfohlen, den Cache in WordPress zu leeren.

Diesen Artikel teilen

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-wordpress)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-wordpress)

## 

Verwandte Artikel 👩‍💻

* [Website-Chat-Widget auf Squarespace installierenErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer Squarespace Website installieren. ](/de/help/website-chat-widget/install-on-squarespace)
* [Installieren Sie das Website-Chat-Widget auf JoomlaErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer Joomla-Website installieren. ](/de/help/website-chat-widget/install-on-joomla)
* [Website-Chat-Widget auf Wix installierenErfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer Wix-Website installieren. ](/de/help/website-chat-widget/install-on-wix)
* [Website-Chat-Widget bei Shopify installierenErfahren Sie, wie Sie ein Webchat Widget in Ihrem Shopify Shop installieren. ](/de/help/website-chat-widget/install-on-shopify)
* [Schnellstart für das Website-Chat-WidgetFügen Sie Ihrer Site das Website-Chat-Widget von respond.io hinzu. ](/de/help/website-chat-widget/website-chat-widget)

Sie können nicht finden, was Sie suchen? 🔎

[Support kontaktieren](/de/contact-us)

2025-12-05T03:55:51.021Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Erfahren Sie, wie Sie ein Web-Chat-Widget auf Ihrer WordPress-Website installieren.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/de/author"},"dateCreated":"2023-03-01T07:06:53.000Z","dateModified":"2025-08-28T08:51:51.275Z","datePublished":"2023-03-01T07:06:53.000Z","headline":"Website-Chat-Widget auf WordPress installieren","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","mainEntityOfPage":"https://respond.io/de/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/3je9y7R0f3NgEmslRx5Q6F/b2012551e43f584e0307aecd2fa23d0d/word-press-logo.png","url":"https://respond.io/de/help/website-chat-widget/install-on-wordpress"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/de/help","position":1},{"@type":"ListItem","name":"Kanäle","item":"https://respond.io/de/help/channels","position":2},{"@type":"ListItem","name":"Webseiten-Chat-Widget","item":"https://respond.io/de/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Website-Chat-Widget auf WordPress installieren","item":"https://respond.io/de/help/website-chat-widget/install-on-wordpress","position":4}]}]
{
  "@context": "http://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "WPCode",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>If you are using a WordPress cache plugin such as WPCode, take these steps so that the widget appears correctly.</p><p><b>Disable data-minify feature for JavaScript</b></p><p>Go to <b>Wordpress Settings</b> > Select <b>WPCode</b> > On WPCode page, select <b>File Optimization</b> tab > untick <b>Minify JavaScript files</b></p> <p><b>Add our widget domain to the Javascript Excluded Files</b></p><p><code>https://cdn.respond.io/webchat/widget/(.*).js</code></p> <blockquote><p>Once saved, it is recommended to clear the cache in WordPress.</p></blockquote><p></p>"
      }
    }
  ]
}
```
