Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So fügen Sie Social-Share-Buttons in WordPress hinzu (4 einfache Methoden)

Soziale Medien sind heute der wichtigste Weg, wie Menschen neue Inhalte entdecken.

Deshalb fügen wir bei WPBeginner Social-Share-Buttons am Anfang jedes Beitrags hinzu, damit unsere Besucher unsere Inhalte einfach in ihren Social-Media-Feeds teilen können. Wir haben festgestellt, dass dies unsere Reichweite effektiv erhöht, neuen Traffic generiert und das Nutzerengagement verbessert.

Über das reine Teilen hinaus haben wir gesehen, wie die Anzeige von Social-Media-Teilen-Anzahlen das Vertrauen der Benutzer stärken und Klicks fördern kann. Wenn Sie die Beliebtheit Ihrer Inhalte hervorheben, zeigt dies, dass andere Ihre Website oder Ihre Produkte schätzen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Social-Share-Buttons hinzufügen und Share-Counts auf Ihrer WordPress-Website anzeigen.

So fügen Sie Social-Share-Buttons in WordPress hinzu

Warum Social-Share-Buttons in WordPress hinzufügen?

Soziale Netzwerke sind heute eine der beliebtesten Online-Aktivitäten. Deshalb ist Social-Media-Marketing nun ein entscheidender Teil der Wachstumsstrategie jedes Kleinunternehmens.

Wenn Sie mehr potenzielle Kunden erreichen möchten, sind Social-Media-Plattformen äußerst effektive Kanäle, um mit neuen Leuten zu kommunizieren.

Das Problem ist, dass Ihre Inhalte, wenn Sie sie in Ihren sozialen Medien teilen, nur eine begrenzte Anzahl Ihrer bestehenden Follower erreichen.

Durch das Hinzufügen von Social-Share-Buttons direkt auf Ihrer Website können Sie Besucher ermutigen, Ihre Inhalte in ihren sozialen Feeds zu teilen. Dies ermöglicht es ihren Freunden und Followern, Ihre Inhalte zu sehen, die sie dann liken, kommentieren und erneut teilen können.

WPBeginner Beispiel für Social-Share-Buttons

Auf diese Weise können Social-Share-Buttons helfen, mehr Traffic auf Ihre Website zu lenken, Ihre soziale Glaubwürdigkeit zu verbessern, mehr Leads zu generieren und das Engagement zu steigern.

Nach diesen Ausführungen sehen wir uns an, wie Sie ganz einfach Social-Share-Buttons in WordPress hinzufügen können. Sie können die folgenden Schnelllinks verwenden, um zu verschiedenen Teilen unseres Tutorials zu springen:

Verwandter Beitrag: Vielleicht möchten Sie auch unseren Anfängerleitfaden zum automatischen Teilen von WordPress-Posts in sozialen Medien lesen.

Methode 1: Social-Share-Buttons mit Novashare hinzufügen (empfohlen)

Novashare ist eines der besten Social-Media-Plugins für WordPress und bietet eine einfache Möglichkeit, Social-Share-Buttons zu Ihren Beiträgen hinzuzufügen. Sie können Buttons für beliebte Plattformen wie Facebook, Pinterest, X (Twitter) und LinkedIn hinzufügen, um die Reichweite Ihrer Inhalte auf verschiedenen sozialen Plattformen zu verbessern.

Sie können die Share-Zählung für jeden Beitrag anzeigen und einen Button-Stil auswählen, der auf Ihrer Website am besten aussieht. Das Plugin ist auch für WordPress-Geschwindigkeit und -Leistung optimiert, sodass Sie sich keine Sorgen machen müssen, dass es Ihre Website verlangsamt.

Außerdem können Sie mit Novashare „Tweeten“-Boxen erstellen , damit Ihre Besucher Zitate aus Ihren Artikeln schnell teilen können. Es bietet auch einen Follow-Block, mit dem Sie Ihre Social-Media-Profile bewerben können.

Besuchen Sie zunächst die Website von Novashare und wählen Sie einen Plan aus. Danach müssen Sie das Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie unseren Leitfaden zur Installation eines WordPress-Plugins.

Novashare-Preise und -Pläne

Nachdem Sie das Plugin aktiviert haben, müssen Sie zur Seite Einstellungen » Novashare in Ihrem WordPress-Dashboard navigieren, um Ihre Lizenz zu aktivieren.

Stellen Sie sicher, dass Sie sich auf der Registerkarte 'Lizenz' befinden, und fügen Sie dann den Lizenzschlüssel ein, den Sie beim Kauf des Plugins erhalten haben. Stellen Sie anschließend sicher, dass Sie auf die Schaltfläche 'Lizenz speichern' klicken.

Aktivieren Sie Ihre Novashare-Lizenz

Aktivieren von Social-Share-Inline-Schaltflächen

Nachdem Sie Ihre Lizenz aktiviert haben, klicken Sie auf den Tab „Inline-Inhalt“, um den Inline-Inhalt zu aktivieren. Dadurch können Sie Social-Sharing-Buttons zu Ihren Beiträgen und Seiten hinzufügen. Alternativ können Sie die Social-Buttons zu einer schwebenden Leiste hinzufügen, die wir im nächsten Abschnitt behandeln.

Schalten Sie einfach den Schalter „Inline-Inhalt aktivieren“ auf „Ein“ und wählen Sie dann die Schaltflächen aus, die Sie hinzufügen möchten.

Inline-Inhalte in Novashare aktivieren

Novashare verfügt über eine Bibliothek mit 26 Schaltflächen, darunter beliebte Netzwerke wie X (Twitter), Facebook, LinkedIn und mehr. Es bietet auch Aktionsschaltflächen für E-Mail, Drucken und Kopieren.

Als Nächstes können Sie konfigurieren, wo die Schaltflächen auf Ihren Beiträgen und Seiten angezeigt werden sollen.

Scrollen Sie einfach ein wenig nach unten zum Abschnitt „Anzeige“. Hier können Sie Kontrollkästchen aktivieren, damit soziale Schaltflächen auf Ihren Beiträgen, Seiten und Medienanhangseiten angezeigt werden. Wenn Sie einen Online-Shop haben, gibt es auch ein Kontrollkästchen für Produkte.

Auswahl, wo Social-Buttons angezeigt werden sollen, mit Novashare

Sie können die Platzierung der Schaltflächen auch über das Dropdown-Menü „Button Position“ auswählen. Es gibt Optionen, die Social-Share-Schaltflächen über Ihrem Inhalt, unter Ihrem Inhalt oder beides anzuzeigen. Sie können die Schaltflächen auch manuell auf jeder Seite platzieren, indem Sie diesen Shortcode verwenden:

[novashare_inline_content]

Der mobile Breakpoint ermöglicht die Anzeige der Social-Media-Buttons auf kleineren mobilen Geräten, indem die Buttons nach Erreichen einer bestimmten Breite in zwei oder mehr Zeilen aufgeteilt werden. Der Standardwert beträgt 1200 Pixel, aber für eine bessere Kompatibilität mit kleineren Geräten möchten Sie ihn möglicherweise auf 768 Pixel reduzieren.

Im nächsten Abschnitt können Sie das Erscheinungsbild Ihrer Buttons gestalten. Novashare bietet Ihnen die Wahl aus Dutzenden von Stil- und Formkombinationen, wie diesen:

Novashare Schaltflächen-Stil- und Formkombinationen

Wenn Sie zum Designbereich scrollen, finden Sie Dropdown-Menüs für Ihre Button-Attribute wie Stil, Layout, Ausrichtung, Größe und Form.

Wählen Sie einfach die verschiedenen Attribute aus, die am besten zu Ihrer Website passen.

Button-Attribute in Novashare auswählen

Als Nächstes finden Sie Optionen zum Ändern der Farbe Ihrer Schaltflächen. Lassen Sie diese Schaltflächen einfach leer, um sie in den Standardfarben anzuzeigen, die Sie bei der Auswahl Ihrer Schaltflächen gesehen haben.

Alle Farbänderungen, die Sie in diesem Abschnitt vornehmen, wirken sich auf alle Schaltflächen aus. Es gibt Optionen für die Schaltflächenfarbe, die Hover-Farbe, die Farbe des Symbols rechts neben der Schaltfläche und mehr.

Auswahl von Button-Farben in Novashare

Wenn Sie auf eine dieser Optionen klicken, erscheint ein Farbwähler, mit dem Sie die gewünschte Farbe auswählen können.

Die Option „Labels anzeigen“ am Ende dieses Abschnitts ermöglicht es Ihnen zu wählen, ob der Name jedes sozialen Netzwerks neben dem Symbol der Plattform angezeigt werden soll oder nicht.

Tipp: Tipps zur Farbauswahl für Ihre Website finden Sie in unserem Leitfaden zur Auswahl eines perfekten Farbschemas für Ihre WordPress-Site.

Neben der Bereitstellung von Social-Share-Buttons ist es auch eine gute Idee, anzuzeigen, wie oft der aktuelle Beitrag über alle sozialen Kanäle geteilt wurde.

Die Anzeige von Share-Counts auf Blogbeiträgen erhöht die Glaubwürdigkeit, indem sie die Beliebtheit Ihrer Inhalte zeigt, was mehr Benutzer dazu ermutigen kann, sich zu engagieren und zu teilen. Es bietet sozialen Beweis, der zeigt, dass Ihre Inhalte von anderen geschätzt werden, und stärkt das Vertrauen Ihrer Benutzer.

Teilen-Anzahl mit Novashare anzeigen

Diese Einstellung ist standardmäßig aktiviert. Sie können wählen, ob die Teilen-Anzahl für den aktuellen Beitrag entweder vor oder nach den Social-Media-Teilen-Buttons angezeigt werden soll, und auch die Farbe anpassen.

Hier ist ein Beispiel für geteilte Zählungen mit einem weißen Hintergrund, die nach den Social-Share-Buttons angezeigt werden.

Beispiel für die Anzeige von Share-Counts mit Novashare

Wenn Sie möchten, können Sie der Button-Leiste auch einen Call-to-Action hinzufügen, z. B. „Mit Ihren Freunden teilen!“ Dies kann mehr Besucher dazu ermutigen, Ihre Inhalte zu teilen.

Obwohl wir dies auf unserer eigenen Website nicht tun, können Sie eine Handlungsaufforderung hinzufügen, indem Sie einfach Ihre Nachricht in das Feld 'Text' eingeben. Sie können auch die Schriftgröße und -farbe anpassen.

Hinzufügen eines Call-to-Action zu Social-Buttons mit Novashare

Sobald Sie Ihre Social-Share-Buttons angepasst haben, klicken Sie unten auf der Seite auf „Änderungen speichern“, und sie werden Ihrer Website hinzugefügt.

So sieht es auf unserer Demoseite aus:

Novashare Share-Buttons auf unserer Demoseite

Aktivieren der schwebenden Social Share-Leiste

Anstatt Social-Share-Buttons zu Ihren Beiträgen und Seiten hinzuzufügen, können Sie sie zu einer Leiste hinzufügen, die an einem der Ränder Ihrer Website schwebt oder am unteren Bildschirmrand auf Mobilgeräten haftet.

Standardmäßig wird dies auf der linken Seite des Bildschirms oder unten auf schmalen Bildschirmen angezeigt. Es bewegt sich nicht, auch wenn Sie durch Ihren Inhalt scrollen.

Um eine schwebende Leiste auf Ihrer Website zu aktivieren, müssen Sie zu Einstellungen » Novashare navigieren und auf der linken Seite auf die Registerkarte „Schwebende Leiste“ klicken.

Sie können dann die Option für die schwebende Leiste aktivieren und die Social-Sharing-Buttons auswählen, die Sie hinzufügen möchten.

Aktivieren einer schwebenden Leiste für Social-Share-Buttons mit Novashare

Danach können Sie die Platzierung der Leiste anpassen.

Wie bei der Inline-Content-Option können Sie Kontrollkästchen anklicken, um die Social-Media-Teilen-Buttons auf Beiträgen, Seiten, Medienarchiven und auch Produkten anzuzeigen, wenn Sie einen Online-Shop haben.

Sie müssen auch die Option 'Auf Beitragsseite anzeigen' aktivieren, um die Schaltflächen in Ihren Beiträgen anzuzeigen. Wenn Sie möchten, können Sie auch die Einstellung 'Auf Archiven anzeigen' aktivieren, um die schwebende Leiste auf Ihrer Blog-Archivseite anzuzeigen.

Platzierung einer schwebenden Social-Share-Leiste in Novashare konfigurieren

Nun können Sie das Dropdown-Menü „Button-Ausrichtung“ verwenden, um auszuwählen, ob die Leiste auf breiten Bildschirmen am rechten oder linken Rand Ihrer Seite angezeigt werden soll. Auf schmalen Bildschirmen wird sie unten angezeigt.

Sie können steuern, wie weit die schwebende Leiste von den Rändern des Bildschirms entfernt angezeigt wird, indem Sie die Optionen 'Top Offset' und 'Edge Offset' verwenden.

Platzieren der schwebenden Leiste auf dem Bildschirm mit Novashare

Die Option „Beim Scrollen anzeigen“ lässt Sie Ihre Social-Icons ausblenden, bis der Benutzer eine bestimmte Distanz auf der Seite nach unten gescrollt hat.

Für dieses Tutorial verwenden wir die Standardeinstellungen, die für die meisten Websites gut funktionieren.

Die Abschnitte Design und Teilen-Anzahl funktionieren genauso wie bei den Inline-Content-Einstellungen oben. Es gibt jedoch einen zusätzlichen Abschnitt auf dieser Seite für mobile Geräte.

Mobile Einstellungen für eine schwebende Leiste in Novashare

Die Standardeinstellungen im Abschnitt „Mobil“ funktionieren für die meisten Websites. Die Leiste wird am unteren Bildschirmrand fixiert, aber auf Bildschirmen mit einer Breite von weniger als 800 Pixeln ausgeblendet.

Sie können jedoch diese maximale Breite sowie die Hintergrundfarbe und Abstände der Schaltflächen einfach ändern. Es gibt auch Optionen, damit die Leiste den verfügbaren Bildschirmplatz ausfüllt und Platz spart, indem die Gesamtzahl der Shares ausgeblendet wird.

Wenn Sie mit dem Einrichten Ihrer Social-Share-Buttons fertig sind, scrollen Sie zum Ende des Bildschirms und klicken Sie auf die Schaltfläche „Änderungen speichern“, um die schwebende Leiste auf Ihrer Website anzuzeigen.

So sieht es auf unserer Demoseite aus:

Novashare Floating Bar Beispiel

Konfiguration des Teilen-Buttons

Eine Möglichkeit, Platz auf Ihrer Schaltflächenleiste zu sparen, ist die Verwendung der Schaltfläche Teilen. Diese ermöglicht es Ihnen, wichtige soziale Netzwerke als einzelne Schaltflächen hinzuzufügen, und Benutzer können auf zusätzlichen Plattformen teilen, indem sie auf die Schaltfläche Teilen klicken.

Stellen Sie zunächst sicher, dass Sie die Schaltfläche „Teilen“ entweder zu Ihrem „Inline-Inhalt“ oder zur „Floating Bar“ hinzufügen.

Hinzufügen des Teilen-Buttons in Novashare

Als Nächstes können Sie die Einstellungen für den Share-Button konfigurieren, indem Sie zu Einstellungen » Novashare navigieren und dann auf die Registerkarte „Share Button“ klicken.

So können Sie zusätzliche soziale Netzwerke auswählen, die angezeigt werden sollen, wenn ein Benutzer auf die Schaltfläche „Teilen“ klickt. Sie können auch eine Handlungsaufforderung hinzufügen und ein Design für diese zusätzlichen Schaltflächen auswählen.

Auswahl der anzuzeigenden Social-Buttons, wenn der Share-Button in Novashare geklickt wird

Vergessen Sie nicht, unten auf der Seite auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

So sieht es auf unserer Demowebsite aus, nachdem Sie auf die Schaltfläche „Teilen“ geklickt haben.

Beispiel für die Verwendung des Novashare-Share-Buttons

Einen Pinterest-Button zu Bildern hinzufügen

Novashare kann auch einen Pinterest 'Pin'-Button zu jedem Bild auf Ihrer Website hinzufügen. Standardmäßig wird dieser Button angezeigt, wenn Sie mit der Maus über ein Bild fahren. Sie können das Plugin jedoch so konfigurieren, dass die Buttons jederzeit angezeigt werden.

Navigieren Sie zuerst zu Einstellungen » Novashare und klicken Sie dann auf die Registerkarte „Pinterest“. Dort können Sie „Image Pins aktivieren“ auf die Ein-Position umschalten und die „Post Types“ auswählen, auf denen Sie den Button anzeigen möchten.

Bild-Pins in Novashare aktivieren

Sie können auch die Position, Form und Farbe des Buttons anpassen, obwohl die Standardeinstellungen für die meisten Websites gut funktionieren (siehe Screenshot unten).

Wenn Sie möchten, dass der Pinterest-Button auch dann angezeigt wird, wenn Sie nicht mit der Maus über ein Bild fahren, stellen Sie sicher, dass Sie die Option „Immer anzeigen“ aktivieren.

Anpassen des Pinterest-Buttons in Novashare

Schließlich, wenn es einige Bilder gibt, die Sie nicht teilen möchten, geben Sie einfach die Dateinamen im Feld „Ausgeschlossene Bilder“ ein und für diese Bilder wird keine Pinterest-Schaltfläche angezeigt.

Sobald Sie auf die Schaltfläche „Änderungen speichern“ klicken, um Ihre Einstellungen zu speichern und den Pin-Button auf Bildern anzuzeigen.

So sieht es auf unserer Demowebsite aus, wenn Sie die Maus über ein Bild bewegen.

Pinterest Pin Button Beispiel mit Novashare

Methode 2: Social Snap zum Hinzufügen von Social-Share-Buttons verwenden (kostenlos)

Wenn Sie nach einer kostenlosen Möglichkeit suchen, Social-Share-Buttons zu Ihrer Website hinzuzufügen, ist das Social Snap-Plugin eine gute Alternative zu einem Premium-Tool.

Zuerst müssen Sie das Plugin Social Snap installieren und aktivieren. Eine detaillierte Anleitung finden Sie in unserem Anfängerleitfaden zur Installation eines WordPress-Plugins.

Besuchen Sie nach der Aktivierung die Seite Social Snap » Einstellungen in der WordPress-Admin-Seitenleiste. Erweitern Sie dann den Tab 'Social Sharing' in der linken Spalte.

Tab für soziale Freigaben erweitern

Dies öffnet neue Einstellungen in der Seitenleiste, wo Sie den Tab „Netzwerke verwalten“ auswählen müssen.

Klicken Sie dann auf die Schaltfläche „+ Netzwerke hinzufügen“, um ein soziales Netzwerk Ihrer Wahl aus der Eingabeaufforderung hinzuzufügen. Sie können Plattformen wie Facebook, X (Twitter), LinkedIn und E-Mail hinzufügen.

Klicken Sie auf die Schaltfläche „Netzwerk hinzufügen“, um Social-Media-Plattformen für Social-Sharing-Buttons auszuwählen

Sie können auch die Sichtbarkeit der Schaltflächen für verschiedene Geräte konfigurieren, indem Sie mit der Maus über das Augensymbol fahren und den mobilen Schalter auf „Ein“ stellen. Dadurch werden die Social-Sharing-Schaltflächen für Benutzer angezeigt, die Ihre Website auf Mobilgeräten besuchen.

Beenden Sie danach den Tab „Netzwerke verwalten“.

Dies führt Sie zur Seite mit den allgemeinen Einstellungen, auf der Sie auswählen können, ob Sie eine schwebende Leiste oder Inline-Schaltflächen für Social-Share-Icons hinzufügen möchten.

Hinzufügen von Social-Share-Inline-Buttons

Inline-Buttons zum Teilen in sozialen Medien werden am Anfang oder Ende Ihrer Beiträge und Seiten angezeigt.

Um sie zu Ihrer Website hinzuzufügen, klicken Sie einfach auf die Registerkarte „Inline-Buttons“, um sie zu erweitern.

Wählen Sie den Tab Inline-Schaltflächen

Dies öffnet neue Einstellungen in der linken Spalte mit einer Vorschau für die Social-Share-Buttons auf der rechten Seite des Bildschirms.

Von hier aus können Sie die Position der Buttons konfigurieren. Sie können die Option „Unter Inhalt“ wählen, um Buttons am Ende des Inhalts anzuzeigen, und die Option „Über Inhalt“, um Buttons am Anfang der Seite anzuzeigen.

Sie können hier auch die Ausrichtung Ihres Buttons sowie die Beschriftung, Form und Größe der Freigabe anpassen.

Passen Sie Ihre Social-Sharing-Buttons an

Scrollen Sie als Nächstes zum Abschnitt „Button-Beschriftungen“, wo Sie entscheiden können, ob Sie den Namen der Social-Media-Plattform, die Anzahl der Shares oder beides anzeigen möchten.

Scrollen Sie danach nach unten zum Abschnitt „Anzeigen auf“. Hier können Sie das Kästchen „Beiträge“ aktivieren, wenn Sie die Social-Share-Buttons nur auf Ihren Beiträgen anzeigen möchten. Sie können auch die Schaltfläche „Seiten“ aktivieren, um Social-Share-Buttons auf Ihren Seiten „Über uns“, „Kontaktieren Sie uns“ oder Archivseiten anzuzeigen.

Zusätzlich können Sie die Option „Startseite“ auswählen, wenn Sie die Social-Share-Buttons nur auf Ihrer Startseite anzeigen möchten.

Wählen Sie aus, wo Sie Ihre Social-Sharing-Schaltflächen anzeigen möchten

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

Sie können nun Ihre WordPress-Website besuchen, um die Social-Media-Teilen-Buttons in Aktion zu sehen.

Vorschau der Social-Sharing-Buttons

Hinzufügen von schwebenden Social-Share-Leisten

Wenn Sie sich entscheiden, eine schwebende Leiste hinzuzufügen, werden Ihre Social-Sharing-Schaltflächen an der Seite Ihrer WordPress-Beiträge oder -Seiten angezeigt.

Öffnen Sie dazu einfach den Tab 'Floating Sidebar'.

Wählen Sie die Option für die schwebende Leiste

Dies öffnet einige neue Einstellungen in der linken Spalte, von wo aus Sie die Position, Größe und Form Ihrer schwebenden Symbolleisten-Icons konfigurieren können.

Wenn Sie das getan haben, scrollen Sie nach unten zum Abschnitt „Anzeigen auf“ und wählen Sie die Seiten aus, auf denen Sie die Social-Share-Buttons anzeigen möchten.

Wenn Sie beispielsweise die schwebende Social-Share-Leiste nur auf Ihren Blog-Posts anzeigen möchten, können Sie die Option „Post“ auswählen.

Wenn Sie die schwebende Leiste auch auf der Homepage Ihrer Website anzeigen möchten, können Sie die Option 'Home' wählen.

Wählen Sie aus, wo Ihre schwebende Leiste angezeigt werden soll

Klicken Sie abschließend auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Sie können nun Ihren WordPress-Blog besuchen, um die schwebende Social-Share-Leiste in Aktion zu sehen.

Vorschau der schwebenden Social-Sharing-Leiste

Social-Share-Buttons zu Bildern hinzufügen

Wenn Sie eine Fotografie-Website haben, können Sie mit Hilfe des Social Snap-Plugins sogar Social-Share-Buttons zu Ihren Bildern hinzufügen.

Dies ermöglicht es Benutzern, Ihre Bilder in ihren sozialen Feeds zu teilen und mehr Traffic auf Ihre Website zu bringen.

Zuerst müssen Sie die Seite Social Snap » Einstellungen über das WordPress-Dashboard aufrufen und auf den Tab „Bei Medien“ klicken, um ihn zu öffnen.

Wählen Sie die Registerkarte "Medien" aus, um sie zu erweitern

Sobald Sie dort sind, wählen Sie Ihren Button-Typ. Sie können alle Ihre Social-Sharing-Buttons am oberen Rand der Bilder hinzufügen oder einen Pinterest-Button hinzufügen.

Danach können Sie auch die Größe, Form, Sichtbarkeit und Position des Buttons auswählen.

Wählen Sie Social-Share-Buttons oder Pinterest-Button, die über Bildern angezeigt werden sollen

Dann können Sie die minimale Höhe und Breite für ein Bild hinzufügen. Das bedeutet, dass die Share-Buttons nicht auf einem Bild auf Ihrer Website angezeigt werden, das unter dem minimalen Höhen- und Breitenlimit liegt.

Scrollen Sie dann nach unten zum Abschnitt „Anzeigen auf“ und aktivieren Sie die Optionen für die Seiten oder Beiträge, auf denen Sie Social-Share-Buttons auf Ihren Bildern anzeigen möchten.

Sie können dann auch den Schalter „Auf Mobilgeräten ausblenden“ auf „Ein“ stellen, wenn Sie keine Teilen-Schaltflächen für Bilder auf Mobilgeräten anzeigen möchten.

Konfigurieren Sie die Anzeigeeinstellungen für die Social-Share-Buttons in Bildern

Klicken Sie abschließend auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Besuchen Sie nun einfach Ihre WordPress-Website, um die Social-Share-Buttons in Bildern anzuzeigen.

Social Share-Schaltflächen in der Bildvorschau

Anzeigen von Social-Share-Zählungen

Wenn Sie auch die Share-Counts neben den Social-Sharing-Schaltflächen anzeigen möchten, besuchen Sie die Seite Social Snap » Einstellungen und erweitern Sie den Tab „Netzwerke verwalten“ in der linken Spalte.

Scrollen Sie danach nach unten zum Abschnitt „Facebook Share Count Provider“, wo Sie eine der beiden Quellen auswählen können.

Wählen Sie SharedCount.com als API für Share-Zählungen

Wir empfehlen jedoch, die Option 'SharedCount.com' auszuwählen. Dann werden die Zählungen vom SharedCount-Dienst-API abgerufen. Dies ermöglicht es dem Plugin, alle Zählungen mit nur 2 API-Aufrufen abzurufen, was für die WordPress-Leistung am besten ist.

Wenn Sie die Option „Facebook Graph API“ wählen, werden die Share-Zählungen von der Facebook API abgerufen, was Ihre Website verlangsamen kann.

Sie können die SharedCount API ganz einfach erhalten, indem Sie sich für ein kostenloses Konto auf der Website SharedCount.com anmelden.

Um dies zu tun, müssen Sie eine E-Mail-Adresse und ein Passwort angeben und dann auf die Schaltfläche „Konto erstellen“ klicken.

Erstellen Sie ein Konto auf SharedCount.com

Die Website sendet nun einen Bestätigungslink an Ihre E-Mail-Adresse.

Klicken Sie auf den Link, um Ihr Konto zu verifizieren.

Link zur Kontoverifizierung anklicken

Melden Sie sich jetzt erneut bei Ihrem SharedCount-Konto an und besuchen Sie die Seite „Einstellungen“ im Dropdown-Menü in der oberen rechten Ecke des Bildschirms.

Dies führt Sie zu einer neuen Seite, auf der Sie Ihren SharedCount API-Schlüssel sehen.

Kopieren Sie Ihren SharedCount API-Schlüssel

Sie müssen diesen Schlüssel kopieren und zu Ihrer Plugin-Einstellungsseite auf Ihrer WordPress-Site zurückkehren.

Fügen Sie nun den API-Schlüssel in das Feld 'SharedCount API Key' ein.

Klicken Sie anschließend auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Fügen Sie Ihren SharedCount.com API-Schlüssel ein

Sie können dann diesen API-Schlüssel erneut für Ihre X (Twitter) Share-Anzahl eingeben. Klicken Sie danach auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Sie können jetzt Ihre Website besuchen, um die Social-Sharing-Buttons mit der Anzahl der Teilungen für jeden Blogbeitrag zu sehen.

Social-Share-Buttons mit Vorschau der Share-Anzahl

Methode 3: Social-Share-Buttons zu benutzerdefinierten Landingpages mit SeedProd hinzufügen

Wenn Sie benutzerdefinierte Landing Pages für Ihre Website mit Social-Share-Buttons erstellen möchten, können Sie dies ganz einfach mit SeedProd tun.

Unserer Meinung nach ist es der beste WordPress Page Builder auf dem Markt. Er verfügt über einen Drag-and-Drop-Builder, über 300 vorgefertigte Vorlagen und erweiterte Blöcke, um erstaunliche Landing Pages mit Social-Share-Buttons zu erstellen.

Zuerst müssen Sie das SeedProd Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Hinweis: SeedProd hat auch einen kostenlosen Plan, den Sie für dieses Tutorial verwenden können. Das Upgrade auf den kostenpflichtigen Plan schaltet jedoch weitere Funktionen frei.

Besuchen Sie nach der Aktivierung den Bereich SeedProd » Landing Pages im WordPress-Dashboard und klicken Sie auf die Schaltfläche „Neue Landing Page hinzufügen“.

Klicken Sie auf die Schaltfläche „Neue Landing Page hinzufügen“

Dies führt Sie zum Bildschirm „Neue Seiten-Vorlage auswählen“, auf dem Sie zahlreiche vorgefertigte Vorlagen zur Auswahl sehen.

Sobald Sie Ihre Wahl getroffen haben, werden Sie aufgefordert, einen Namen für die Landingpage einzugeben, die Sie gerade erstellen.

Nachdem Sie diese Informationen eingegeben haben, klicken Sie einfach auf die Schaltfläche „Speichern und Seite bearbeiten“ , um fortzufahren.

Geben Sie Ihre Seitendetails ein

Dies startet den Drag-and-Drop-Builder von SeedProd, wo Sie in der linken Spalte eine Liste von Blöcken mit einer Seitenvorschau auf der rechten Seite sehen.

Sie können jetzt verschiedene Blöcke per Drag & Drop verschieben, um Ihre Seite zu erstellen. Weitere Details finden Sie in unserem Tutorial zur Erstellung einer Landingpage in WordPress.

Suchen und fügen Sie danach einfach den Block „Social Sharing“ aus der linken Spalte an der gewünschten Stelle auf der Seite hinzu.

Fügen Sie den Social-Sharing-Block zur Landingpage hinzu

Als Nächstes müssen Sie erneut auf den Block klicken, um seine Einstellungen in der Seitenleiste zu öffnen. Von hier aus können Sie die Social-Media-Plattform mit dem gewünschten Button aus dem Dropdown-Menü auswählen.

Sie können auch einen neuen Social-Share-Button hinzufügen, indem Sie in der Spalte auf die Schaltfläche „+ Neuen Share hinzufügen“ klicken.

Danach können Sie auch die Größe und Ausrichtung der Schaltfläche konfigurieren.

Wählen Sie eine Social-Media-Plattform für die Seite

Sie können sogar zum Tab 'Erweitert' oben wechseln, um den Abstand zu ändern, die Sichtbarkeit auf Geräten auszuwählen, benutzerdefiniertes CSS hinzuzufügen und Animationseffekte zu verwenden.

Wenn Sie fertig sind, klicken Sie einfach oben auf die Schaltflächen 'Speichern' und dann 'Veröffentlichen', um Ihre Einstellungen zu speichern.

Veröffentlichen Sie die Landingpage mit dem Social-Sharing-Block

Besuchen Sie nun einfach die benutzerdefinierte Landingpage, um die Social-Sharing-Buttons in Aktion zu sehen.

So sah die Seite auf unserer Demo-Website aus.

Landingpage mit dem Social-Sharing-Block

Methode 4: WhatsApp-Share-Button mit Sassy Social Share hinzufügen (Bonus)

Neben Social-Media-Plattformen können Sie auch einen WhatsApp-Teilen-Button auf Ihrer WordPress-Website hinzufügen. WhatsApp ist eine Instant-Messaging-App, mit der Menschen auf der ganzen Welt miteinander kommunizieren können.

Durch Hinzufügen eines WhatsApp-Teilen-Buttons ermöglichen Sie es Benutzern, Ihre Website-Inhalte mit ihren Kontakten zu teilen, einschließlich Freunden, Familie und Kollegen. Dies kann das Benutzerengagement steigern, die Sichtbarkeit von Inhalten verbessern und Ihnen helfen, Ihre Markenreichweite zu erweitern.

Sie können ganz einfach einen WhatsApp-Teilen-Button in WordPress mit dem Sassy Social Share Plugin hinzufügen.

WhatsApp-Freigabeschaltfläche

Weitere Informationen finden Sie in unserem Tutorial zum Hinzufügen einer WhatsApp-Chatbox und von Share-Buttons in WordPress.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Social-Share-Buttons in WordPress hinzufügen. Möglicherweise möchten Sie auch lernen, wie Sie Social-Media-Icons zu WordPress-Menüs hinzufügen und unsere Top-Auswahl für die besten WordPress-Social-Media-Plugins prüfen, um Ihre Follower zu vergrößern.

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

65 CommentsLeave a Reply

  1. Ich sehe die Integration von sozialen Medien und Websites als entscheidend an. Social-Media-Buttons auf meiner Website hatten von Anfang an Priorität, denn es gibt nichts Besseres, als wenn Ihre Nutzer Ihre Inhalte völlig kostenlos teilen. Erstens dient es als Werbung für Sie und zeigt an, dass der Inhalt wertvoll ist, wenn ihn jemand teilt. Zweitens generiert es kostenlose Backlinks und zieht zusätzliche Nutzer aus ihren sozialen Gruppen an, Ihre Website zu besuchen und Ihre Inhalte anzusehen. Sharing-Buttons sind meiner Meinung nach ein Muss für jeden Blogger, da sie ihre Reichweite ohne Kosten erhöhen. Vielen Dank für den praktischen Rat in dem Artikel. Ich habe bereits Sharing-Buttons auf meinem Blog, aber jetzt sehe ich, dass sie besser und praktischer funktionieren könnten und dass ich auch die Verbindung zwischen meiner Website und den sozialen Medien verbessern könnte. Großartig!

  2. Das Hinzufügen von Social-Share-Buttons zu meiner WordPress-Website stand schon ewig auf meiner To-Do-Liste, und dieser Leitfaden hat es zum Kinderspiel gemacht. Ich schätze, wie Sie sowohl die manuellen als auch die Plugin-Methoden abgedeckt haben, damit ich wählen kann, was für mich am besten funktioniert. Ihr Tipp zur Optimierung der Button-Platzierung für maximale Sichtbarkeit ist besonders wertvoll. Jetzt kann meine Inhalte ein breiteres Publikum erreichen und mehr Engagement erzielen. Ihr seid die Besten – macht WordPress immer einfacher und zugänglicher!

  3. I had always struggled with inserting social share buttons into my blog posts using the default WordPress editor blocks because I needed to repeat it for every post I publish. Sadly its layout in mobile was also very unpleasant.
    But after using the Social Snap plugin, It became extremely simple to apply social share buttons any where. It is really amazing to put social share buttons to all posts in any position at once without editing all of them. Indeed, thanks for this article.

  4. Das Vorhandensein von Social-Share-Buttons auf Website-Seiten und Beiträgen ist von größter Bedeutung.
    Es bietet eine Möglichkeit, mehr Publikum zu erreichen, und gibt auch einen Grund, den nützlichen Artikel für zukünftige Referenz zu teilen und zu speichern.
    Ich teile die wpbeginner-Artikel auf meinen persönlichen WhatsApp-Kontakten und sehe sie später oft an.
    Die meisten Social-Share-Plugins haben keine Option für einen WhatsApp-Button.
    Danke, dass Sie das Sassy Social Share Plugin erwähnt haben, ich werde versuchen, es zu verwenden, um auch einen WhatsApp-Button einzufügen.
    Sehr hilfreicher Artikel.

  5. Hallo
    Dein Artikel ist zweifellos gut.
    Ich möchte nach den Symbolen in der oberen Leiste fragen. Fügst du einfach die URL ein, und wenn ja, welchen Zweck erfüllt das? Bei Marktplatz-Demos habe ich festgestellt, dass sich die URLs der Symbole automatisch änderten, um den Artikel widerzuspiegeln, den ich gerade las. Wie macht man das? Jede Idee würde nicht nur deinen Lesern (ich bin auch einer von ihnen) helfen, sondern auch die Reichweite dieses Artikels erhöhen.
    Mach weiter so.

    • Die Verwendung des Shared Count-Plugins würde nicht erfordern, dass Sie einen Link zur Social-Media-Plattform hinzufügen. Es würde den Beitrag mit einem Link zum zu teilenden Beitrag für den Benutzer generieren, und dieser hätte die Möglichkeit, den Inhalt vor dem Posten zu ändern.

      Admin

  6. Kennen Sie ein Plugin, mit dem ich meine eigenen benutzerdefinierten Icons für Social Sharing verwenden kann?

    • We do not have a recommended plugin for that at the moment but we will be sure to share if we have a recommended one :)

      Admin

  7. Neu im Club der Website-Builder und kürzlich auf die wpbeginner-Gruppe auf Facebook gestoßen. Ich freue mich darauf, viele neue Dinge zu lernen, um meine Website zu erstellen und zu verbessern.

  8. Wpbeginner ist eigentlich ein WP-Pro

    Ich verfolge Ihre Inhalte seit zwei Jahren und habe so viele Dinge von den Grundlagen bis zum Profi gelernt. Es hat mir auch bei jedem kleineren Fehler, Problem, sogar bei der Auswahl von Themes, Hostings und Plugins geholfen.

    Lob an Syed Balkhi und Team

  9. Vielen Dank für die vielen wertvollen Informationen! Das Teilen in sozialen Medien ist so wichtig für unsere Websites.

  10. Vielen Dank für Ihr großartiges Tutorial, das Schritt 1 bei meinem Problem mit Social-Media-Share-Buttons gelöst hat. Nachdem ich erfolgreich auf einem bestimmten Blogbeitrag installiert habe (Icons sind sichtbar), wird der spezifische Blogbeitrag nicht auf FB geteilt, sondern nur ein generischer Text und ein Bild über meine Website... Was fehlt?

  11. Wenn es Ihnen nichts ausmacht, könnten Sie mir sagen, welches Social-Share-Plugin Sie auf dieser Website verwenden?

  12. Guter Artikel, aber ich habe ein kleines Problem beim Anzeigen der Share-Buttons für meine Blog-Kategorie-Posts.

    Die Schaltflächen werden nur auf Seiten angezeigt, nicht in Beiträgen. Wie behebe ich das?

    Danke.

    • Sie sollten sich an den Support für Ihr Theme wenden, und dieser sollte Ihnen bei der Anzeige des Footers helfen können.

      Admin

  13. Hallo, gut geschriebener Artikel, danke.. Ich habe mich gefragt, ob es eine Möglichkeit gibt, dies ohne Plugin einzufügen und den gleichen Effekt zu erzielen, ich meine mit PHP und JV unter Verwendung von Facebook-Sharing.. Danke für Ihre Antwort.

    • Wir haben keine anfängerfreundliche Methode, um Share-Buttons mit JS und PHP hinzuzufügen

      Admin

  14. Hallo,

    Welches Plugin verwenden Sie für Ihre Social Shares?

    Das Share-Counts-Plugin hat keine Option, um es so aussehen zu lassen wie Ihres.

    Danke

    • Wir haben benutzerdefinierte Stile für die geteilten Zählungen hinzugefügt, damit sie so aussehen, wie sie auf unserer Website aussehen

      Admin

      • Oh, ich verstehe

        Gibt es irgendwo diese Formatierung, damit sie auf meiner Website genauso aussieht? Ich mag das Aussehen wirklich sehr!

        Danke

        • Not at the moment but we will look into the possibility of including it in an article :)

  15. Gemäß diesem bin ich etwas verwirrt, ob Sie vorschlagen, beide Plugins "Shared count & Sassy social share" hinzuzufügen oder ob eines ausreicht.
    Ich warte gespannt auf Ihre Antwort.

    • Eines von beiden ist ausreichend, sie bieten lediglich unterschiedliche Designoptionen, je nachdem, was Sie tun möchten.

      Admin

  16. Danke für die Beschreibung! Ich brauchte ein paar Teile davon und habe die genauen Informationen erhalten!

  17. Das war ein fantastischer Blogbeitrag,
    Gibt es eine Schritt-für-Schritt-Anleitung für Anfänger in WP, wie z. B. eine Abfolge von Blogbeiträgen oder ein E-Book?

  18. Ich bin ein regelmäßiger Besucher von wpbeginner. Danke für die erneute großartige Arbeit. Die Informationen sind gut organisiert und leicht verständlich, das wird mir helfen. Können Sie mir einige Plugins vorschlagen, die ein Flickr-Album auf der Website anzeigen können?

    • Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out :)

      Admin

  19. Soll ich sie verwenden, wenn mein Theme bereits Share-Buttons hat? Weil ein Blog auf Hostnoc vorschlug, dass das Hinzufügen der Buttons Ihre Website verlangsamen kann. Warum sollte ich sie also verwenden?

  20. Wie wäre es mit dem AddToAny Social Share Plugin? Das benutze ich und ich liebe es. Sie können es so einstellen, dass es entweder die Standard-Share-Icons oder die schwebenden Icons anzeigt.

  21. Ich verlasse mich stark auf die Informationen, die ich auf WP Beginner finde. Die Seite war für mich von unschätzbarem Wert beim Start meines Blogs.

    Eine Frage zu diesem Beitrag: Das Plugin Shared Counts wurde für meine WordPress-Version noch nicht getestet. Da ich jedes Mal ein Update durchführe, wenn eines verfügbar ist, gehe ich davon aus, dass es für die aktuellste Version von WordPress nicht getestet wurde.

    Ich benutze das Classic Editor Plugin, falls das einen Unterschied macht.

    Ist es noch sicher, dieses Plugin zu verwenden? Es klingt genau nach dem, was ich suche, aber ich bin zögerlich, es zu installieren.

    Jede Richtung wäre sehr willkommen.

    Vielen Dank für die fortlaufende Hilfe, die ich auf der Website finde.

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.