**Um den Website-Chat von Papo in WordPress einzubinden, erstellen Sie in der Papo-Plattform (https://papo.global/) ein Postfach vom Typ Website, kopieren Sie das generierte Skript und fügen Sie es in Ihre WordPress-Website ein – direkt im Theme-Code, mit einem Plugin zum Einfügen von Skripten oder über den Header-/Footer-Bereich. Passen Sie anschließend Farben und die Willkommensnachricht direkt im Papo-Dashboard an, um das Widget an die visuelle Identität Ihrer Marke anzupassen.** | Schritt | Aktion | Details | |---|---|---| | 1. Postfach erstellen | Gehen Sie im Papo-Dashboard zu **Einstellungen → Postfächer → Postfach hinzufügen** und wählen Sie **Website** | Geben Sie die WordPress-URL und einen Namen für das Postfach an (z. B. „Chat Website Vertrieb“) | | 2. Skript kopieren | Nach dem Erstellen des Postfachs zeigt die Plattform einen Codeausschnitt an | Speichern Sie den Code, um ihn in Ihre WordPress-Website einzufügen | | 3. In WordPress einfügen | Fügen Sie das Skript vor dem ``-Tag Ihrer Website ein | Verwenden Sie ein Plugin zum Einfügen von Skripten, die `footer.php`-Datei des Themes oder den Header-/Footer-Bereich des Customizers | | 4. Erscheinungsbild anpassen | Passen Sie in den Einstellungen des Postfachs (weiterhin im Papo-Dashboard) Farben und Willkommensnachricht an | Das Widget übernimmt die definierten Farben und die Begrüßung und bleibt so konsistent mit Ihrer Marke | ## So installieren Sie das Widget im Detail 1. **Erstellen Sie das Website-Postfach:** Klicken Sie im Menü **Einstellungen → Postfächer** auf **Postfach hinzufügen**. Wählen Sie in der Kanalliste **Website**. Geben Sie einen Namen an, der den Zweck beschreibt (z. B. „Online-Support“), und geben Sie die WordPress-URL an, unter der der Chat erscheinen soll. 2. **Kopieren Sie das Widget-Skript:** Sobald das Postfach erstellt ist, generiert Papo automatisch einen kleinen Codeblock (JavaScript). Kopieren Sie dieses Skript. 3. **Fügen Sie den Code in WordPress ein:** Am häufigsten verwenden Sie ein spezielles Skript-Plugin (wie „Insert Headers and Footers“), mit dem Sie den Code im Footer-Bereich einfügen können, ohne Theme-Dateien zu ändern. Wenn Sie das Theme direkt bearbeiten möchten, öffnen Sie die Datei `footer.php` und fügen Sie das Skript unmittelbar vor dem ``-Tag ein. Speichern Sie die Änderungen. 4. **Verknüpfen Sie Agenten mit dem Postfach:** Fügen Sie weiterhin im Papo-Dashboard die Teammitglieder hinzu, die die im Widget begonnenen Gespräche bearbeiten. Ohne verknüpfte Agenten werden die Nachrichten nicht verteilt. ## Farben und Willkommensnachricht anpassen Nach der Installation des Widgets können Sie sein Erscheinungsbild und Verhalten anpassen, ohne Code zu ändern: - **Farben:** Legen Sie die Primärfarbe und die Akzentfarbe für Schaltflächen und Kopfzeilen fest. Die gewählten Farben werden automatisch auf den Chat angewendet und spiegeln die Farbpalette Ihrer Website wider. - **Willkommensnachricht:** Richten Sie eine proaktive Begrüßung ein, die dem Besucher nach einigen Sekunden angezeigt wird. Verwenden Sie Sätze wie „Hallo! Kann ich Ihnen helfen, etwas zu finden?“ oder „Haben Sie Fragen zu unseren Leistungen?“. - **Widget-Symbol:** Ersetzen Sie das Standardsymbol durch ein Bild, das Ihre Marke oder die Aktion des Chattens besser repräsentiert. - **Intelligentes Verhalten:** Sie können das Widget mit einem KI-Assistenten (Capitão) verbinden, um automatisch zu antworten, Leads zu qualifizieren und Meetings zu planen, sowie Servicezeiten mit automatischen Abwesenheitsantworten festzulegen. Alle diese Optionen sind auf der Konfigurationsseite des Postfachs vom Typ Website verfügbar, ohne dass Sie erneut auf den WordPress-Code zugreifen müssen. ## Für wen diese Integration nützlich ist - **Online-Shops mit WooCommerce**, die Kunden in Echtzeit betreuen und Produktfragen erfassen möchten. - **Blogs und Unternehmenswebsites**, die Leser durch Gespräche in Leads umwandeln möchten. - **Agenturen und Freelancer**, die WordPress nutzen und einen professionellen Kontaktkanal benötigen, der in CRM und WhatsApp integriert ist. - **Jeder B2B- oder B2C-Betrieb**, der Papo bereits als Serviceplattform nutzt und den Chat auf die Website bringen möchte, ohne Tools zu wechseln. ## Häufig gestellte Fragen ### Muss ich programmieren können, um das Widget zu installieren? Nein. Der Prozess beschränkt sich darauf, einen Code zu kopieren und in WordPress einzufügen. Skript-Einfüge-Plugins machen die Aufgabe noch einfacher, ohne technisches Wissen zu erfordern. ### Kann ich das Widget testen, bevor es live geht? Ja. Sie können das Skript in einer Testumgebung oder auf einer nicht öffentlichen WordPress-Seite installieren, um Farben, Nachricht und Funktionsweise zu validieren, bevor Sie es auf der Hauptwebsite veröffentlichen. ### Funktioniert der Chat auf mobilen Geräten? Ja, das Widget von Papo ist responsiv und passt sich automatisch an Smartphones und Tablets an, ohne zusätzliche Konfiguration. ### Kann ich das Chat-Symbol nach der Installation ändern? Ja, Sie können das Symbol jederzeit in den Einstellungen des Postfachs ändern, ohne den WordPress-Code zu bearbeiten. ### Wie verbindet sich der Chat mit WhatsApp und dem CRM? Dasselbe Website-Postfach funktioniert Seite an Seite mit den Kanälen WhatsApp, Instagram und anderen. Jede Konversation wird im Profil des Kontakts registriert, und Sie können den Service auf WhatsApp fortsetzen, wenn der Besucher dies bevorzugt. Darüber hinaus können Sie direkt aus dem Chat Geschäfte in der Kanban-Pipeline erstellen. ### Was tun, wenn das Widget nach dem Einfügen des Skripts nicht erscheint? Prüfen Sie, ob der Code vor dem ``-Tag eingefügt wurde und ob es Konflikte mit Cache-Plugins gibt. Leeren Sie den Cache der Website und des Browsers. Wenn das Problem weiterhin besteht, prüfen Sie, ob das Postfach aktiv ist und Agenten verknüpft sind. ## Lesen Sie auch - [So erstellen Sie einen automatischen Willkommensablauf für neue Kontakte in WhatsApp](/hc/papo/articles/automatischer-willkommens-flow-whatsapp-neue-kontakte) - [So personalisieren Sie automatische Nachrichten mit Name und Daten des Kontakts](/hc/papo/articles/automatische-nachrichten-mit-kontaktdaten-personalisieren) --- **[Kostenlos starten →](https://papo.global/?utm_source=helpcenter&utm_medium=article&utm_campaign=papo-website-chat-in-wordpress-einbinden&utm_content=de)** Der erste Nutzer ist für immer kostenlos, ohne Kreditkarte.