So habe ich WhatsApp-Teilen-Buttons in WordPress hinzugefügt (einfach & kostenlos)

Bei WPBeginner verwenden wir einen WhatsApp-Share-Button auf unserer Website, da er den Lesern eine schnelle Möglichkeit bietet, unsere Anleitungen an Freunde und Familie weiterzugeben. Es ist eine einfache Funktion, die unseren Inhalten hilft, konstant mehr Menschen zu erreichen.

Wenn Sie dieselbe Funktion zu Ihrer WordPress-Website hinzufügen möchten, besteht die Herausforderung darin, den besten Weg dafür zu finden.

Sie möchten etwas, das einfach einzurichten ist, auf jedem Gerät funktioniert und sich natürlich in Ihr Design einfügt. Die Platzierung ist ebenfalls wichtig, da der Button dort erscheinen muss, wo Besucher ihn tatsächlich bemerken und antippen.

Und bei so vielen Plugins, die behaupten, „die besten“ zu sein, kann es schwierig sein zu wissen, welche Option für Ihre Website die richtige ist.

In dieser Anleitung zeige ich Ihnen, wie Sie mit wenigen einfachen Schritten einen WhatsApp-Share-Button in WordPress hinzufügen. 🧑‍💻

Warum einen WhatsApp-Share-Button in WordPress hinzufügen?

Das Hinzufügen eines WhatsApp-Share-Buttons macht es für Besucher super einfach, Ihre Inhalte mit Freunden und Familie zu teilen. Wenn jemand Ihren Beitrag hilfreich findet, kann er ihn mit nur einem Tippen oder Klicken über WhatsApp senden.

WhatsApp eignet sich gut zum Teilen, da die Leute es bereits täglich nutzen. Da es vertraut ist, werden sie Ihre Blogbeiträge eher teilen als über andere, weniger genutzte Sharing-Optionen.

Lassen Sie mich einige der Hauptvorteile aufschlüsseln:

• 📈 Mehr Traffic mit weniger Aufwand – Jeder Share kann neue Leser bringen, die der Empfehlung von jemandem vertrauen, den sie kennen.
• 📲 Erreichen Sie Menschen auf Mobilgeräten – WhatsApp hat über 2 Milliarden Nutzer, und die meisten davon nutzen es auf ihren Handys. Es ist perfekt für schnelles, mobilfreundliches Teilen.
• 🤳Steigern Sie das Engagement auf Mobilgeräten – Das Teilen über WhatsApp fühlt sich mühelos an, während E-Mail oder andere Methoden langsam oder umständlich wirken können.
• 🌐 Erreichen Sie globale Zielgruppen – WhatsApp ist in Europa, Lateinamerika und Asien sehr beliebt und eignet sich daher hervorragend für internationalen Traffic.
• 🤝 Bauen Sie Vertrauen auf – Wenn Inhalte in einem privaten Chat geteilt werden, wirkt es persönlich und zuverlässig.

Ich habe festgestellt, dass WhatsApp-Buttons besonders gut für praktische, teilbare Inhalte wie Tutorials, Anleitungen und Nachrichtenartikel funktionieren. Es verwandelt zufriedene Leser im Grunde in Werbeträger für Ihre Inhalte.

Wenn Sie zum Beispiel einen Rezept-Blog betreiben, können Leser sofort Essensideen an ihren Familien-Chat senden. Wenn Sie Geschäftstipps teilen, kann jemand Ihren Artikel in Sekundenschnelle an einen Kollegen weiterleiten.

Nichtsdestotrotz sehen wir uns nun an, wie Sie einen WhatsApp-Teilen-Button in WordPress hinzufügen können.

Hier ist eine kurze Übersicht über alle Themen, die ich in diesem Leitfaden behandeln werde:

• Erstellen eines WhatsApp-Teilen-Buttons in WordPress
• Add the WhatsApp Share Button to Specific Posts, Pages, or Areas
  • Hinzufügen des WhatsApp-Teilen-Buttons im Block-Editor
  • Hinzufügen des WhatsApp-Teilen-Buttons als Widget (nur klassische Themes)
  • Hinzufügen des WhatsApp-Teilen-Buttons im Full Site Editor (nur Block-Themes)
• Bonus: Hinzufügen eines Click-to-Chat WhatsApp-Buttons in WordPress
• FAQs: Hinzufügen eines WhatsApp-Teilen-Buttons in WordPress
• Nächste Schritte: Chat-Tools und andere soziale Medien in WordPress verwenden

Erstellen eines WhatsApp-Teilen-Buttons in WordPress

Der einfachste Weg, einen WhatsApp-Teilen-Button zu erstellen, ist die Verwendung des kostenlosen Plugins Sassy Social Share. Diese Methode fügt den Button automatisch zu all Ihren Beiträgen und Seiten hinzu, sodass Sie ihn nicht jedes Mal separat konfigurieren müssen.

Zuerst müssen Sie das Sassy Social Share Plugin installieren und aktivieren. In Ihrem WordPress-Adminbereich können Sie zu Plugins » Neues Plugin hinzufügen gehen.

Als Nächstes möchten Sie die Suchleiste verwenden, um das Plugin schnell zu finden.

Klicken Sie in den Suchergebnissen auf die Schaltfläche „Jetzt installieren“ und dann auf „Aktivieren“, um das Plugin auf Ihrer WordPress-Website zu aktivieren.

Für detaillierte Anweisungen lesen Sie bitte unseren Leitfaden zum Installieren eines WordPress-Plugins.

Sobald das Plugin aktiv ist, müssen Sie im linken Seitenmenü Ihres WordPress-Dashboards zu Sassy Social Share navigieren.

Wechseln Sie dann oben auf der Seite zum Tab ‘Standard Interface’ .

Dann können Sie zum Abschnitt ‘Sharing-Dienste auswählen’ scrollen.

Hier sehen Sie eine Liste von Social-Media-Plattformen, auf denen Sie Teilen-Schaltflächen aktivieren können, darunter Facebook, Instagram, Pinterest, Twitter und mehr.

Aktivieren Sie einfach das Kontrollkästchen neben der WhatsApp-Option (und andere, falls relevant).

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche ‘Änderungen speichern’ zu klicken, um Ihre Einstellungen zu speichern.

Um anzupassen, wie Ihr WhatsApp-Teilen-Button aussieht, können Sie zum Tab ‘Theme-Auswahl’ gehen.

Von hier aus können Sie die Schaltflächengröße anpassen, die Form ändern (quadratisch oder abgerundet), den Logo-Stil modifizieren und sogar die Hintergrundfarben aktualisieren.

Damit Benutzer den Button sofort erkennen, empfehle ich die Verwendung der offiziellen Markenfarbe von WhatsApp, die ein hellgrün ist (Hex-Code #25D366).

Ich empfehle, mit diesen Einstellungen zu experimentieren, bis die Schaltflächen zum Design Ihrer Website passen.

Sobald Sie mit dem Aussehen zufrieden sind, klicken Sie erneut auf die Schaltfläche ‘Änderungen speichern’ .

Besuchen Sie nun einen beliebigen Beitrag oder eine Seite auf Ihrer Website, und Sie sehen den WhatsApp-Share-Button zusammen mit Ihren anderen Social-Sharing-Optionen:

Fügen Sie den WhatsApp-Share-Button zu bestimmten Beiträgen, Seiten oder Bereichen hinzu

Möchten Sie nicht auf jeder Seite einen WhatsApp-Button hinzufügen? Keine Sorge, das Plugin ermöglicht es Ihnen auch, ihn einfach zu einzelnen Beiträgen und Seiten hinzuzufügen.

Wenn Sie den WhatsApp-Share-Button nur auf bestimmten Beiträgen und Seiten anzeigen möchten, müssen Sie zuerst die globale Anzeige von Sharing-Buttons deaktivieren.

Gehen Sie dazu einfach auf die Seite Sassy Social Share in der WordPress-Admin-Seitenleiste und wechseln Sie zum Tab „Standard-Oberfläche“.

Als Nächstes müssen Sie das Kontrollkästchen für die Option „Standard-Sharing-Oberfläche aktivieren“ deaktivieren.

Als Nächstes können Sie zum Tab „Floating Interface“ wechseln.

Deaktivieren Sie hier einfach die Option „Floating Sharing Interface aktivieren“.

Indem Sie sowohl die Standard- als auch die Floating- Social-Sharing-Buttons deaktivieren, haben Sie den Weg frei, den WhatsApp-Button manuell dort einzufügen, wo Sie ihn haben möchten.

Es ist eine gute Praxis, beide Einstellungen zu deaktivieren, da dies Ihnen die volle Kontrolle über die Platzierung gibt.

Hinzufügen des WhatsApp-Teilen-Buttons im Block-Editor

Diese Methode ist perfekt, wenn Sie den WhatsApp-Share-Button nur auf bestimmten Seiten oder Beiträgen anzeigen möchten. Anstatt ihn websiteweit anzuzeigen, können Sie genau steuern, wo er mithilfe eines einfachen Shortcodes angezeigt wird.

Um den Button hinzuzufügen, öffnen Sie den Beitrag oder die Seite, auf der Sie den WhatsApp-Share-Button anzeigen möchten, im Inhaltseditor, oder Sie können einen neuen erstellen.

Sobald Sie sich im Block-Editor befinden, klicken Sie auf das Pluszeichen (+) in der oberen linken Ecke und suchen Sie nach dem Block 'Shortcode'. Fügen Sie den Block anschließend zur Seite hinzu.

Als Nächstes müssen Sie den folgenden Shortcode kopieren und in den Block 'Shortcode' einfügen:

[Sassy_Social_Share]

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche 'Veröffentlichen' oder 'Aktualisieren', um Ihre Änderungen zu speichern.

Ihr WhatsApp-Teilen-Button wird wie folgt aussehen:

Hinzufügen des WhatsApp-Teilen-Buttons als Widget (nur klassische Themes)

Diese Methode ist ideal, wenn Sie den WhatsApp-Teilen-Button zu Ihrer Seitenleiste oder anderen Widget-fähigen Bereichen Ihrer Website hinzufügen möchten.

Um den WhatsApp-Teilen-Button zur Seitenleiste Ihrer Website hinzuzufügen, müssen Sie im Admin-Bereich die Seite Darstellung » Widgets aufrufen. Dies öffnet den WordPress-Widget-Verwaltungsbildschirm.

Klicken Sie von hier aus auf die Schaltfläche '+' in der oberen linken Ecke und suchen Sie den Block 'Shortcode'.

Sobald Sie ihn gefunden haben, klicken und ziehen Sie das Widget in den gewünschten Widget-Bereich auf der rechten Seite des Bildschirms. Die meisten Websites haben Bereiche wie ‘Primäre Seitenleiste’, ‘Footer-Bereich’ oder ‘Blog-Seitenleiste’, je nachdem, was Ihr WordPress-Theme zulässt.

Kopieren Sie danach einfach den folgenden Shortcode und fügen Sie ihn in den Block ein:

[Sassy_Social_Share]

Klicken Sie als Nächstes auf die Schaltfläche „Aktualisieren“, um Ihre Einstellungen zu speichern.

So wird Ihr WhatsApp-Teilen-Button aussehen, sobald er zur Website-Seitenleiste hinzugefügt wurde:

Hinzufügen des WhatsApp-Teilen-Buttons im Full Site Editor (nur Block-Themes)

Wenn Sie ein Block-Theme verwenden, nutzen Sie den Full Site Editor und haben keinen Zugriff auf die Seite ‘Widgets’.

Zuerst müssen Sie unter Darstellung » Editor in der Admin-Seitenleiste aufrufen, um den Full Site Editor zu starten. Dies öffnet die moderne Website-Bearbeitungsoberfläche von WordPress, wo Sie das gesamte Theme-Layout ändern können.

Sobald der Editor geladen ist, sehen Sie das Design Ihrer Website auf der rechten Seite und ein Navigationsmenü auf der linken Seite.

Dann können Sie zu ‘Muster’ oder ‘Vorlagen’ in der linken Seitenleiste wechseln, je nachdem, wo Sie den Button hinzufügen möchten.

Für diese Anleitung wähle ich ‘Vorlagen’.

Auf dem nächsten Bildschirm sehen Sie eine Liste der Vorlagen, die in Ihrem aktuellen Theme verfügbar sind.

Von hier aus können Sie die Vorlage auswählen, die den Bereich steuert, in dem der Button erscheinen soll.

Zum Beispiel wählen Sie die Vorlage aus, die für Ihre Blogbeiträge zuständig ist, wenn der Button auf allen Beiträgen angezeigt werden soll. Oder wählen Sie diejenige aus, die Ihre Website-Fußzeile verwaltet, wenn Sie ihn dort anzeigen lassen möchten.

Nachdem Sie eine Vorlage geöffnet haben, klicken Sie auf das Pluszeichen (+), um einen neuen Block hinzuzufügen.

Suchen Sie dann nach dem Shortcode Block und fügen Sie ihn Ihrer Vorlage hinzu.

Fügen Sie nun den Sassy Social Share Shortcode in diesen Block ein:

[Sassy_Social_Share]

Wenn Sie fertig sind, klicken Sie oben auf die Schaltfläche „Speichern“.

So sah der WhatsApp-Teilen-Button auf meiner Demo-Website aus:

Wenn Sie mehr erfahren möchten, lesen Sie unseren vollständigen Leitfaden zum Hinzufügen eines Shortcodes in WordPress.

Bonus: Hinzufügen eines Click-to-Chat WhatsApp-Buttons in WordPress

Wenn Besucher Sie direkt kontaktieren sollen und nicht nur Ihre Inhalte teilen, können Sie auch einen WhatsApp Click-to-Chat-Button hinzufügen. Er ermöglicht es Benutzern, Sie mit einem Fingertipp sofort zu kontaktieren, über eine App, der sie bereits vertrauen.

Dies hilft, Vertrauen aufzubauen und ermutigt mehr Menschen, sich zu melden. Außerdem funktioniert es besonders gut für Online-Shops und dienstleistungsbasierte Websites, bei denen Kunden oft schnelle Antworten benötigen, bevor sie zum Kauf bereit sind.

Der einfachste Weg, dies zu tun, ist mit dem WPChat Plugin. Es wurde entwickelt, um Ihnen zu helfen, Click-to-Chat-Buttons für beliebte Messaging-Apps wie WhatsApp direkt auf Ihrer WordPress-Website hinzuzufügen.

Für weitere Details können Sie unsere vollständige WPChat-Bewertung lesen oder unserer Schritt-für-Schritt-Anleitung folgen, wie Sie ein Klick-zu-Chat-WhatsApp-Widget in WordPress hinzufügen wie Sie ein Klick-zu-Chat-WhatsApp-Widget in WordPress hinzufügen.

FAQs: Hinzufügen eines WhatsApp-Teilen-Buttons in WordPress

Jetzt, da Sie einen WhatsApp-Share-Button zu Ihrer Website hinzugefügt haben, haben Sie vielleicht noch ein paar Fragen. Hier sind einige schnelle, klare Antworten:

Wie füge ich einen WhatsApp-Share-Button in WordPress hinzu?

Installieren Sie einfach ein Social-Share-Plugin wie Sassy Social Share und aktivieren Sie die WhatsApp-Option. Sie können den Button auf Ihrer gesamten Website anzeigen, ihn mit einem Shortcode zu bestimmten Seiten hinzufügen, ihn in Widget-Bereiche einfügen oder ihn in Ihre Block-Theme-Vorlagen aufnehmen.

Kann ich einen WhatsApp-Button ohne Plugin hinzufügen?

Ja, das können Sie, aber es ist ziemlich technisch. Sie müssten manuell einen benutzerdefinierten HTML-Link hinzufügen, der ein spezielles whatsapp:// -URL-Format verwendet. Das kann knifflig werden, und Sie müssten es für jede Seite tun.

Die Verwendung eines dedizierten Plugins ist viel einfacher, da es all diesen Code automatisch handhabt und sicherstellt, dass Ihre Share-Buttons immer korrekt funktionieren.

Benötige ich eine WhatsApp-API für einen Share-Button?

Nein. WhatsApp-Share-Buttons verwenden die öffentliche Sharing-URL von WhatsApp, sodass Sie keinen API-Schlüssel oder spezielle Berechtigungen benötigen. Es funktioniert sofort auf jeder WordPress-Website.

Nächste Schritte: Chat-Tools und andere soziale Medien in WordPress verwenden

Ich hoffe, dieser Artikel hat Ihnen geholfen, ein leistungsstarkes Sharing-Tool zu Ihrer WordPress-Website hinzuzufügen. Jetzt, da Sie Ihre Inhalte einfacher teilbar machen, sind Sie vielleicht bereit, andere Wege zu erkunden, um mit Ihrem Publikum in Kontakt zu treten und das Engagement zu steigern.

Um Ihnen auf Ihrem Weg zu helfen, finden Sie hier einige unserer anderen beliebten Anleitungen:

• Text-to-Speech in WordPress hinzufügen
• So fügen Sie einen Chatbot in WordPress hinzu (Schritt für Schritt)
• WooCommerce-Bestellbenachrichtigungen direkt an WhatsApp senden
• Expertenauswahl der besten Chat-Plugins für WordPress
• Der vollständige Social-Media-Spickzettel für WordPress

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.