WhatsApp-Chat-Widget kostenlos zu WordPress, Shopify und anderen CMS hinzufügen
Inhalt
Ein 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 vorlagenbasierte erste Nachrichten bietet, um compliant mit der WhatsApp Business API zu bleiben.
Dieser 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 und Funktionen.
Was Sie vor dem Hinzufügen des Widgets brauchen
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:
- WhatsApp Business API-Zugang: Direkt oder über einen BSP (Business Solution Provider). Die API ist für vorlagenbasierte erste Nachrichten und Konversationshandhabung 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–Klicks, damit die Konversation compliant startet.
- 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.
Plattformen wie Spoki bieten API-Zugang, Vorlagenverwaltung und Widget-/Integrationsoptionen für WordPress und andere Websites. Für Use Cases und Kundensupport 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–Link einbaut (öffnet WhatsApp mit vorausgefülltem Text) oder Antworten auch mit Inbox oder CRM verbindet; Letzteres ist besser für Konversationshandhabung und Automatisierung.
WhatsApp-Widget zu WordPress hinzufügen
Bei WordPress können Sie ein WhatsApp–Chat–Widget auf zwei Hauptwegen hinzufügen:
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 vorlagenbasierte erste Nachrichten unterstützt, wenn Sie die API nutzen.
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.
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 und Kontakt siehe die Links.
Widget zu Shopify und anderen CMS hinzufügen
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–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.
- 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.
In allen Fällen eine genehmigte Vorlage für Widget–Klicks verwenden, damit Konversationen innerhalb der WhatsApp-Richtlinie starten. Für Preise und Registrierung siehe die Links; Sie können eine Demo buchen, um Widget und API zusammen zu sehen.
Konversationen nach dem ersten Klick handhaben
Wenn ein Besucher auf das Widget klickt:
Konversationen in einem WhatsApp-Thread halten und Vorlagen nur nutzen, wenn nötig (erste Nachricht, nach Sitzungsende), hält Sie compliant und verbessert Antwortzeiten. Für Lösungen und Künstliche Intelligenz siehe die Links.
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.
Fazit
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 und Lösungen entdecken, registrieren oder Demo buchen, um ein WhatsApp–Widget mit API und Compliance im Blick zu Ihrer Website hinzuzufügen.
