{"meta":{"page":"blog/whatsapp-chat-widget-wordpress-shopify-cms","language":"de","url":"https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms","generated_at":"2026-04-19T00:05:32.879Z","formats":{"html":"https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms","markdown":"https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms.md","json":"https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms.json","xml":"https://spoki.com/de/blog/whatsapp-chat-widget-wordpress-shopify-cms.xml"}},"content":{"title":"WhatsApp-Chat-Widget kostenlos zu WordPress, Shopify und anderen CMS hinzufügen","sections":[{"heading":"WhatsApp-Chat-Widget kostenlos zu WordPress, Shopify und anderen CMS hinzufügen","level":1,"text":"**Author:** Spoki | **Published:** 18.2.2026\n\n*WhatsApp-Chat-Widget zu WordPress, Shopify oder anderem CMS hinzufügen. Click-to-Chat, Vorlagen und Compliance. Schritt-für-Schritt mit Spoki.*\n\n---\n\nEin **WhatsApp**–**Chat**–**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**–**Widget** zu **WordPress**, **Shopify** oder anderen **CMS**–**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.\n\nDieser Leitfaden erklärt, wie Sie ein **kostenloses** **WhatsApp**–**Chat**–**Widget** zu **WordPress**, **Shopify** und anderen **CMS**–**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**–**API** siehe [Spoki Lösungen](https://spoki.com/de/solutions) und [Funktionen](https://spoki.com/de/features)."},{"heading":"Was Sie vor dem Hinzufügen des Widgets brauchen","level":2,"text":"Um ein **WhatsApp**–**Chat**–**Widget** anzuzeigen, das echte **Konversationen** startet (nicht nur einen **Click-to-Chat**–**Link**, der die App mit vorausgefülltem Text öffnet), brauchen Sie in der Regel:\n\n- **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.\n\n- **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**–**Klicks**, damit die **Konversation** **compliant** startet.\n\n- **Widget oder Plugin:** Ein **Widget** (schwebender Button, **Click-to-Chat**–**Link** oder **Plugin**), das **WhatsApp** mit der richtigen **Vorlage** oder **vorausgefülltem** Text öffnet und bei Bedarf **Antworten** mit Ihrer **Inbox** oder **CRM** verbindet.\n\n**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.\n\n**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**–**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**."},{"heading":"WhatsApp-Widget zu WordPress hinzufügen","level":2,"text":"Bei **WordPress** können Sie ein **WhatsApp**–**Chat**–**Widget** auf zwei Hauptwegen hinzufügen:\n\n**Plugin oder Integration:** Viele **WhatsApp**–**API**–**Plattformen** bieten ein **WordPress**–**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.\n\n**Manuelle Einbettung:** Ohne **Plugin** können Sie einen **Click-to-Chat**–**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**–**Vorlage** mit einem **Button**, der die **Konversation** startet). **Antworten** gehen dann an Ihre **WhatsApp**–**Inbox** oder die von Ihnen genutzte **Plattform**.\n\nNach 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."},{"heading":"Widget zu Shopify und anderen CMS hinzufügen","level":2,"text":"**Shopify** und andere **CMS** (z. B. **Wix**, **Squarespace**, eigene **Seiten**) folgen derselben Logik:\n\n- **Shopify:** Nutzen Sie eine **App** aus dem **Shopify** **App** **Store**, die sich mit der **WhatsApp Business API** verbindet und einen **Chat**–**Button** hinzufügt, oder fügen Sie ein **custom** **Liquid**–**Snippet**/ **Script** in Ihrem Theme ein, das einen **Click-to-Chat**–**Link** oder **Widget** einbettet. Stellen Sie sicher, dass die erste **Nachricht** eine **genehmigte** **Vorlage** nutzt, wenn Sie die **API** verwenden.\n\n- **Andere CMS:** Die meisten **CMS** erlauben einen **custom** **HTML**-Block oder **Script** in Footer oder Header. Fügen Sie das **Widget**–**Script** oder den **Link** Ihrer **Plattform** (z. B. Spoki) ein. Das **Widget** erscheint auf jeder Seite, wo der **Code** geladen wird.\n\nIn allen Fällen eine **genehmigte** **Vorlage** für **Widget**–**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."},{"heading":"Konversationen nach dem ersten Klick handhaben","level":2,"text":"Wenn ein **Besucher** auf das **Widget** **klickt**:\n\n- Die erste **Nachricht** wird über Ihre **genehmigte** **Vorlage** gesendet (z. B. **Willkommen**).\n\n- Eine **24-Stunden**–**Sitzung** beginnt; Sie können mit **Free-Form**–**Nachrichten** **antworten** oder **Automatisierung** nutzen (z. B. **Chatbot**, **FAQ**).\n\n- **Antworten** können in Ihrer **Plattform**–**Inbox** oder **CRM** bearbeitet werden, damit **Agenten** **Kontext** und **Historie** sehen.\n\n**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.\n\n**Platzierung und Design:** Den **Widget**–**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**."},{"heading":"Fazit","level":2,"text":"Ein **kostenloses** **WhatsApp**–**Chat**–**Widget** zu **WordPress**, **Shopify** oder anderen **CMS**–**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**–**Widget** mit **API** und **Compliance** im Blick zu Ihrer **Website** hinzuzufügen."},{"heading":"Categories","level":3,"text":"- Blog-de"},{"heading":"Tags","level":3,"text":"- AI & Automation\n- Shopify\n- WhatsApp API\n\n---"},{"heading":"About Spoki","level":2,"text":"Nutzen Sie die einfache, schnelle und intuitive Plattform von Spoki, um Conversions zu steigern, Aufgaben zu automatisieren und Ihr Geschäft auszubauen."},{"heading":"Lösungen","level":3,"text":"- Marketing\n- Vertrieb\n- Kundenservice\n- Entwickler"},{"heading":"Sonderprogramme","level":3,"text":"- Agenturen\n- Partnerprogramm\n- Wiederverkäufer\n- Startup"},{"heading":"Quick Links","level":3,"text":"- [Features](https://spoki.com/de/features)\n- [Pricing](https://spoki.com/de/pricing)\n- [About](https://spoki.com/de/about)\n- [FAQ](https://spoki.com/de/faq)\n- [Blog](https://spoki.com/de/blog)\n- [Case Studies](https://spoki.com/de/case-studies)\n- [Integrations](https://spoki.com/de/integrations)\n\n© 2026 Spoki. Alle Rechte vorbehalten."}]}}