<?xml version="1.0" encoding="UTF-8"?>
<page lang="de" url="https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms">
  <meta>
    <title>WhatsApp-Chat-Widget kostenlos zu WordPress, Shopify und anderen CMS hinzufügen</title>
    <page>blog/whatsapp-chat-widget-wordpress-shopify-cms</page>
    <language>de</language>
    <generated_at>2026-04-18T21:44:42.094Z</generated_at>
    <formats>
      <html>https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms</html>
      <markdown>https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms.md</markdown>
      <json>https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms.json</json>
      <xml>https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms.xml</xml>
    </formats>
  </meta>
  <sections>
    <section level="1" heading="WhatsApp-Chat-Widget kostenlos zu WordPress, Shopify und anderen CMS hinzufügen">
      <text><![CDATA[**Author:** Spoki | **Published:** 18.2.2026

*WhatsApp-Chat-Widget zu WordPress, Shopify oder anderem CMS hinzufügen. Click-to-Chat, Vorlagen und Compliance. Schritt-für-Schritt mit Spoki.*

---

Ein **WhatsApp**&#8211;**Chat**&#8211;**Widget** auf Ihrer **Website** ermöglicht **Besuchern**, mit einem **Klick** eine **Konversation** zu starten, ohne Ihre Nummer zu speichern oder die Seite zu verlassen. Ein **WhatsApp**&#8211;**Widget** zu **WordPress**, **Shopify** oder anderen **CMS**&#8211;**Seiten** hinzuzufügen ist unkompliziert, wenn Sie eine **Plattform** nutzen, die **Click-to-Chat** und **vorlagen**basierte erste **Nachrichten** bietet, um **compliant** mit der **WhatsApp Business API** zu bleiben.

Dieser Leitfaden erklärt, wie Sie ein **kostenloses** **WhatsApp**&#8211;**Chat**&#8211;**Widget** zu **WordPress**, **Shopify** und anderen **CMS**&#8211;**Websites** hinzufügen: was Sie brauchen (**API**-Zugang, **Vorlagen**), wie Sie das **Widget** installieren (Plugin, Script oder **Link**) und wie Sie die erste **Nachricht** und **Konversationen** handhaben. Für **Lösungen** mit **Widget** und **WhatsApp**&#8211;**API** siehe [Spoki Lösungen](https://spoki.com/de/solutions) und [Funktionen](https://spoki.com/de/features).]]></text>
    </section>
    <section level="2" heading="Was Sie vor dem Hinzufügen des Widgets brauchen">
      <text><![CDATA[Um ein **WhatsApp**&#8211;**Chat**&#8211;**Widget** anzuzeigen, das echte **Konversationen** startet (nicht nur einen **Click-to-Chat**&#8211;**Link**, der die App mit vorausgefülltem Text öffnet), brauchen Sie in der Regel:

- **WhatsApp Business API-Zugang:** Direkt oder über einen **BSP** (Business Solution Provider). Die **API** ist für **vorlagen**basierte erste **Nachrichten** und **Konversations**handhabung im Maßstab nötig.

- **Genehmigte Vorlage:** Die erste **Nachricht** an einen **Kontakt** muss eine **genehmigte** **Vorlage** sein. Sie nutzen eine **Vorlage** (z. B. **Willkommen**, „Hallo, wie können wir helfen?“) für **Widget**&#8211;**Klicks**, damit die **Konversation** **compliant** startet.

- **Widget oder Plugin:** Ein **Widget** (schwebender Button, **Click-to-Chat**&#8211;**Link** oder **Plugin**), das **WhatsApp** mit der richtigen **Vorlage** oder **vorausgefülltem** Text öffnet und bei Bedarf **Antworten** mit Ihrer **Inbox** oder **CRM** verbindet.

**Plattformen** wie Spoki bieten **API**-Zugang, **Vorlagen**verwaltung und **Widget**-/Integrationsoptionen für **WordPress** und andere **Websites**. Für [Use Cases](https://spoki.com/de/use-cases) und [Kundensupport](https://spoki.com/de/customer-support) siehe die Links.

**Kostenlos vs. kostenpflichtig:** Ein „**kostenloses**“ **Widget** bedeutet meist keinen Extra-Kosten für das **Widget** selbst; Sie können trotzdem **WhatsApp Business API**-Zugang brauchen (oft über **BSP** oder **Plattform**, die **API**-Nutzung oder **Konversationen** berechnet). Manche **Plattformen** bieten eine **kostenlose** Stufe oder **Testversion**, um **Widget** und **Vorlagen** vor dem Skalieren zu testen. Prüfen Sie, ob das **Widget** nur einen **Click-to-Chat**&#8211;**Link** einbaut (öffnet **WhatsApp** mit vorausgefülltem Text) oder **Antworten** auch mit **Inbox** oder **CRM** verbindet; Letzteres ist besser für **Konversations**handhabung und **Automatisierung**.]]></text>
    </section>
    <section level="2" heading="WhatsApp-Widget zu WordPress hinzufügen">
      <text><![CDATA[Bei **WordPress** können Sie ein **WhatsApp**&#8211;**Chat**&#8211;**Widget** auf zwei Hauptwegen hinzufügen:

**Plugin oder Integration:** Viele **WhatsApp**&#8211;**API**&#8211;**Plattformen** bieten ein **WordPress**&#8211;**Plugin** oder **Integration**, das einen schwebenden **Button** oder **Widget** hinzufügt. Sie verbinden Ihr **API**-Konto, wählen eine **genehmigte** **Vorlage** (oder **vorausgefüllten** Text, der zu Ihrer **Vorlage** passt) und das **Plugin** zeigt den **Button** auf Ihrer **Seite**. **Klicks** öffnen **WhatsApp** und senden die erste **Nachricht** per **Vorlage**, wenn erforderlich. Prüfen Sie, ob das **Plugin** **vorlagen**basierte erste **Nachrichten** unterstützt, wenn Sie die **API** nutzen.

**Manuelle Einbettung:** Ohne **Plugin** können Sie einen **Click-to-Chat**&#8211;**Link** oder ein kleines **Script** einfügen, das einen **Button** anzeigt. Der **Link** sieht meist so aus: `https://wa.me/NUMMER?text=VOR AUSGEFÜLLTER_TEXT`. Der **vorausgefüllte** Text sollte zu dem passen, was Ihre **Vorlage** erwartet (z. B. **Willkommens**&#8211;**Vorlage** mit einem **Button**, der die **Konversation** startet). **Antworten** gehen dann an Ihre **WhatsApp**&#8211;**Inbox** oder die von Ihnen genutzte **Plattform**.

Nach der Installation das **Widget** testen: von **Mobil** oder **Desktop** **klicken** und bestätigen, dass die erste **Nachricht** korrekt gesendet wird und **Antworten** Ihre **Inbox** erreichen. Für [FAQ](https://spoki.com/de/faq) und [Kontakt](https://spoki.com/de/contact) siehe die Links.]]></text>
    </section>
    <section level="2" heading="Widget zu Shopify und anderen CMS hinzufügen">
      <text><![CDATA[**Shopify** und andere **CMS** (z. B. **Wix**, **Squarespace**, eigene **Seiten**) folgen derselben Logik:

- **Shopify:** Nutzen Sie eine **App** aus dem **Shopify** **App** **Store**, die sich mit der **WhatsApp Business API** verbindet und einen **Chat**&#8211;**Button** hinzufügt, oder fügen Sie ein **custom** **Liquid**&#8211;**Snippet**/ **Script** in Ihrem Theme ein, das einen **Click-to-Chat**&#8211;**Link** oder **Widget** einbettet. Stellen Sie sicher, dass die erste **Nachricht** eine **genehmigte** **Vorlage** nutzt, wenn Sie die **API** verwenden.

- **Andere CMS:** Die meisten **CMS** erlauben einen **custom** **HTML**-Block oder **Script** in Footer oder Header. Fügen Sie das **Widget**&#8211;**Script** oder den **Link** Ihrer **Plattform** (z. B. Spoki) ein. Das **Widget** erscheint auf jeder Seite, wo der **Code** geladen wird.

In allen Fällen eine **genehmigte** **Vorlage** für **Widget**&#8211;**Klicks** verwenden, damit **Konversationen** innerhalb der **WhatsApp**-Richtlinie starten. Für [Preise](https://spoki.com/de/pricing) und [Registrierung](https://spoki.com/de/landing-registration) siehe die Links; Sie können [eine Demo buchen](https://spoki.com/de/book), um **Widget** und **API** zusammen zu sehen.]]></text>
    </section>
    <section level="2" heading="Konversationen nach dem ersten Klick handhaben">
      <text><![CDATA[Wenn ein **Besucher** auf das **Widget** **klickt**:

- Die erste **Nachricht** wird über Ihre **genehmigte** **Vorlage** gesendet (z. B. **Willkommen**).

- Eine **24-Stunden**&#8211;**Sitzung** beginnt; Sie können mit **Free-Form**&#8211;**Nachrichten** **antworten** oder **Automatisierung** nutzen (z. B. **Chatbot**, **FAQ**).

- **Antworten** können in Ihrer **Plattform**&#8211;**Inbox** oder **CRM** bearbeitet werden, damit **Agenten** **Kontext** und **Historie** sehen.

**Konversationen** in einem **WhatsApp**-Thread halten und **Vorlagen** nur nutzen, wenn nötig (erste **Nachricht**, nach **Sitzungs**ende), hält Sie **compliant** und verbessert **Antwort**zeiten. Für [Lösungen](https://spoki.com/de/solutions) und [Künstliche Intelligenz](https://spoki.com/de/artificial-intelligence) siehe die Links.

**Platzierung und Design:** Den **Widget**&#8211;**Button** dort platzieren, wo **Besucher** ihn sehen, ohne Inhalte zu blockieren (z. B. unten rechts). Klare **Beschriftung** (z. B. „Chat mit uns“) und auf **Mobil** und **Desktop** funktionsfähig. Manche **Widgets** erlauben **custom** **Farben** oder **Icons** zur **Marke**; **Button** sichtbar, aber nicht ablenkend halten für hohe **Conversion** von **Website** zu **WhatsApp**.]]></text>
    </section>
    <section level="2" heading="Fazit">
      <text><![CDATA[Ein **kostenloses** **WhatsApp**&#8211;**Chat**&#8211;**Widget** zu **WordPress**, **Shopify** oder anderen **CMS**&#8211;**Websites** hinzuzufügen erfordert **WhatsApp Business API**-Zugang (oder **BSP**), eine **genehmigte** **Vorlage** für die erste **Nachricht** und ein **Widget** oder **Plugin**, das den **Button** anzeigt und **WhatsApp** korrekt öffnet. Per **Plugin** oder **Script** installieren, **Klicks** und erste **Nachricht** testen und **Antworten** in **Inbox** oder **CRM** handhaben. [Spoki Funktionen](https://spoki.com/de/features) und [Lösungen](https://spoki.com/de/solutions) entdecken, [registrieren](https://spoki.com/de/landing-registration) oder [Demo buchen](https://spoki.com/de/book), um ein **WhatsApp**&#8211;**Widget** mit **API** und **Compliance** im Blick zu Ihrer **Website** hinzuzufügen.]]></text>
    </section>
    <section level="3" heading="Categories">
      <text><![CDATA[- Blog-de]]></text>
    </section>
    <section level="3" heading="Tags">
      <text><![CDATA[- AI & Automation
- Shopify
- WhatsApp API

---]]></text>
    </section>
    <section level="2" heading="About Spoki">
      <text><![CDATA[Nutzen Sie die einfache, schnelle und intuitive Plattform von Spoki, um Conversions zu steigern, Aufgaben zu automatisieren und Ihr Geschäft auszubauen.]]></text>
    </section>
    <section level="3" heading="Lösungen">
      <text><![CDATA[- Marketing
- Vertrieb
- Kundenservice
- Entwickler]]></text>
    </section>
    <section level="3" heading="Sonderprogramme">
      <text><![CDATA[- Agenturen
- Partnerprogramm
- Wiederverkäufer
- Startup]]></text>
    </section>
    <section level="3" heading="Quick Links">
      <text><![CDATA[- [Features](https://spoki.com/de/features)
- [Pricing](https://spoki.com/de/pricing)
- [About](https://spoki.com/de/about)
- [FAQ](https://spoki.com/de/faq)
- [Blog](https://spoki.com/de/blog)
- [Case Studies](https://spoki.com/de/case-studies)
- [Integrations](https://spoki.com/de/integrations)

© 2026 Spoki. Alle Rechte vorbehalten.]]></text>
    </section>
  </sections>
</page>