So integrieren Sie WhatsApp in Ihre WordPress-Website

Im Juli 2017 gab WhatsApp offiziell bekannt, dass täglich über 1 Milliarde Menschen WhatsApp nutzen. Ja, das sind Milliarden mit einem B. Diese Benutzer senden auch über 55 Milliarden Nachrichten… jeden Tag . Mit einer WhatsApp WordPress-Integration können Sie Ihre Website zu einem Teil dieser Milliarden von Nachrichten machen.

Darüber hinaus ist WhatsApp nicht mehr nur für Telefone geeignet – es gibt jetzt sowohl Mac- als auch Windows-Apps, die WhatsApp offiziell plattformübergreifend gemacht haben.

In diesem Beitrag zeige ich dir verschiedene Möglichkeiten, wie du WhatsApp in WordPress integrieren kannst. Es gibt zwar keine große Auswahl an Optionen, aber es gibt einige Möglichkeiten, WhatsApp zu integrieren, die über das bloße Teilen in sozialen Netzwerken hinausgehen.

Das Beste von allem ist, dass jedes einzelne Plugin oder jede Lösung, die ich skizzieren werde, 100% kostenlos ist! Tauchen wir ein…

Welche Möglichkeiten gibt es, WhatsApp in WordPress zu integrieren?

Es gibt verschiedene Möglichkeiten, eine WhatsApp WordPress-Integration einzurichten.

Erstens können Sie einen einfachen Button implementieren, mit dem Benutzer Ihre Beiträge über WhatsApp teilen können. Ich zeige Ihnen zwei Möglichkeiten, dies zu implementieren:

• Eine schwimmende Aktienbar
• Ein eigener WhatsApp-Button

Zusätzlich zu diesen beiden Methoden unterstützen viele Full-Service-Social-Sharing-Plugins auch WhatsApp. Da wir bereits über Social-Sharing-Plugins geschrieben haben und solche Plugins nicht spezifisch für WhatsApp sind, werde ich diese Methode jedoch nicht zeigen.

Über das Social Sharing hinaus können Sie WhatsApp jedoch auch verwenden, um Ihre Besucher zu unterstützen, indem Sie sie einfach über WhatsApp mit Ihnen ins Gespräch bringen lassen.

Dies gilt natürlich nicht für jede einzelne Website – aber es ist eine gute Lösung für geschäftsorientierte Websites, da Sie die Konversation auch dann fortsetzen können, wenn jemand Ihre Website verlässt.

Ich zeige Ihnen, wie Sie sich von Besuchern eine WhatsApp-Nachricht senden lassen:

• Ein kostenloses Plugin
• Die eigentliche WhatsApp-API

So fügen Sie Ihrer mobilen Site einen schwebenden WhatsApp Share-Button hinzu

Bei dieser ersten Option erfahren Sie, wie Sie der mobilen Version Ihrer Website eine schwebende WhatsApp-Freigabeleiste hinzufügen.

Ich habe mich nach ein paar verschiedenen Plugins umgesehen und bin über das kostenlose KN Mobile ShareBar Plugin gestolpert. Neben WhatsApp werden auch Facebook- und Twitter-Buttons hinzugefügt. Leider scheint es keine Möglichkeit zu geben, dies zu deaktivieren, ohne in den Code des Plugins zu graben.

Sobald Sie das Plugin installieren und aktivieren, sind Ihre Schaltflächen automatisch live:

Wenn ein Besucher auf die WhatsApp-Schaltfläche tippt, wird er direkt zum Teilen des Beitrags über die WhatsApp-API weitergeleitet, komplett mit einer vorausgefüllten Nachricht:

WhatsApp-API

Sie können die vorausgefüllte Nachricht über die Einstellungen des Plugins anpassen. Gehen Sie dazu zu Einstellungen → KN Mobile Sharebar und bearbeiten Sie das WhatsApp-Textfeld :

Beachten Sie, dass Sie die Shortcodes verwenden können, um dynamische Informationen für den Titel und die URL des Beitrags einzufügen.

Und das ist alles! Denken Sie daran, dass diese Share-Buttons nur für mobile Benutzer angezeigt werden. Wenn Sie bereits ein Social-Sharing-Plugin verwenden, sollten Sie außerdem unbedingt auf mögliche Kompatibilitätsprobleme mit der mobilen Version Ihrer Website testen.

So fügen Sie dem Handy eine dedizierte WhatsApp-Schaltfläche hinzu

Wenn Sie eine Lösung wünschen, die vollständig auf WhatsApp ausgerichtet ist, können Sie das kostenlose Share Post On WhatsApp-Plugin verwenden. Seien Sie sich jedoch bewusst, dass Sie diese nette Floating-Bar-Funktionalität aus dem vorherigen Plugin verlieren werden.

Das Plugin ist super einfach – nach der Installation und Aktivierung müssen Sie nur noch zu Einstellungen → Post auf WhatsApp teilen gehen, um den WhatsApp-Share-Button zu aktivieren:

Wenn ein mobiler Benutzer auf die Schaltfläche klickt, wird er aufgefordert, die eigentliche WhatsApp-App zu öffnen ( überprüft, ob sie auf meinem iPhone 6 funktioniert ).

Der einzige Nachteil ist, dass das Plugin sowohl auf der Desktop- als auch auf der mobilen Version Ihrer Website angezeigt wird, obwohl die Schaltfläche nur auf Mobilgeräten funktioniert:

Um dies zu beheben, können Sie CSS- und Medienabfragen verwenden. Ich habe es geschafft, es auf der Desktop-Version meiner Website zu verbergen, indem ich etwas wie folgte:

@media screen and (min-width:667px) {
.share-to-whatsapp-wrapper {
display:none;
}
}

Ein weiteres kostenloses Plugin, das die Schaltfläche für Desktop-Benutzer automatisch ausblendet, ist der WhatsApp Share Button von Alex Moss. Das Plugin wurde jedoch seit drei Jahren nicht aktualisiert, was mich zögern lässt, es zu empfehlen. Es schien jedoch zu funktionieren, als ich einige grundlegende Tests durchführte.

So fügen Sie WhatsApp Live-Chat zu WordPress hinzu

Neben Social Sharing besteht eine weitere nette WhatsApp-WordPress-Integration darin, WhatsApp zu verwenden, um mit Ihren Besuchern über einen Pseudo-Live-Chat zu sprechen.

Ich sage „Pseudo“, weil der Live-Chat-Button nur den Chat initiiert . Sobald der Chat gestartet ist, müssen Sie ihn über die WhatsApp-Oberfläche fortsetzen.

Um WordPress einen WhatsApp-Chat-Button hinzuzufügen, mag ich das kostenlose WhatsHelp-Chat-Button-Plugin.

Sobald Sie das Plugin installiert und aktiviert haben, müssen Sie diese externe Seite aufrufen, um Ihren Schaltflächencode tatsächlich zu generieren:

Stellen Sie auf dieser Seite sicher, dass Sie WhatsApp als Ihre Messaging-App auswählen und geben Sie den Rest der Informationen ein. Unten rechts können Sie sich eine Live-Vorschau ansehen:

Wenn Sie fertig sind, geben Sie unten Ihre E-Mail-Adresse ein und klicken Sie auf Schaltflächencode abrufen . Fügen Sie diesen Code dann in die Registerkarte WhatsHelp in Ihrem WordPress-Dashboard ein:

Sobald Sie Ihre Änderungen gespeichert haben, sollten Sie Ihre WhatsApp-Chat-Schaltfläche in der Live-Version Ihrer Website sehen:

So erstellen Sie Ihre eigene Lösung mit der WhatsApp-API

Wenn keines der oben genannten Plugins dies für Sie tut, können Sie mit der WhatsApp-API auch Ihre eigene benutzerdefinierte Schaltfläche erstellen.

Alles, was Sie tun müssen, ist Ihre Schaltfläche zu verwenden, um Traffic an diese URL zu senden:

https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

Erstellen Sie beispielsweise eine Schaltfläche zum Senden einer Nachricht , die hier verlinkt ist:

https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message

Sendet eine WhatsApp-Chat-Nachricht an „123456789“ mit der Nachricht „Dies ist eine Nachricht“:

Wenn Sie Schwierigkeiten haben, Text zu codieren, können Sie ein Tool wie dieses verwenden.

Da Sie mit dieser Methode nur Leute an einen Link senden müssen, haben Sie eine Menge Flexibilität bei der Implementierung. Sie können es sogar in einem Divi-Modul verwenden, wenn Sie möchten.

Dinge zusammenfassen

WhatsApp ist ein sehr beliebtes Tool – die Zahlen sprechen für sich. Mit seiner Ausweitung auf Web- und Mobile-Apps ist WhatsApp auch plattformübergreifend.

Durch die Integration von WhatsApp in WordPress können Sie den Milliarden von Nutzern des Dienstes ermöglichen, sich mit Ihnen zu verbinden und/oder Ihre Inhalte über WhatsApp zu teilen.

Wenn Sie bereits ein Social-Share-Button-Plugin verwenden, können Sie möglicherweise WhatsApp-Share-Buttons darüber hinzufügen. Andernfalls können Sie eine der beiden beschriebenen Lösungen verwenden, um WhatsApp-Share-Buttons zu WordPress hinzuzufügen.

Über das Teilen hinaus können Sie jedoch auch WhatsHelp oder die WhatsApp-API verwenden, damit Ihre Besucher Nachrichten direkt an Ihre eigene WhatsApp-Nummer senden können.

Nun zu Ihnen – denken Sie, dass WhatsApp-Chat-Buttons eine praktikable Alternative/Ergänzung zum Live-Chat sind? Angesichts der Popularität von WhatsApp scheint es eine interessante Option zu sein, abhängig von Ihrer spezifischen Demografie.

Miniaturansicht des Artikels von x9626 / shutterstock.com