Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen einer Facebook-Follow-Schaltfläche für Autoren in WordPress

Möchten Sie einen Facebook-Follow-Button für die Autoren Ihrer Website in WordPress hinzufügen?

Durch das Hinzufügen eines Facebook-Follow-Buttons können Autoren die Sichtbarkeit ihres Facebook-Profils oder ihrer Seite erhöhen und ein größeres Publikum erreichen. Die Nutzer müssen nur auf die Schaltfläche klicken, um dem Autor auf Facebook zu folgen.

In diesem Artikel zeigen wir Ihnen, wie Sie den Facebook-Follow-Button für Autoren in WordPress hinzufügen können.

Add the Facebook follow button for authors in WordPress

Warum einen Facebook-Follow-Button für Autoren in WordPress hinzufügen?

Facebook ist mit mehr als 2 Milliarden monatlich aktiven Nutzern eine der beliebtesten Social-Media-Plattformen.

Durch die Einrichtung einer Facebook-Follow-Schaltfläche können Leser mit Ihren Autoren auf Facebook in Verbindung treten, um Updates für neue Artikel zu erhalten, Feedback zu geben oder mehr über sie zu erfahren.

Wenn Sie der einzige Autor in Ihrem WordPress-Blog sind, können Sie den Nutzern erlauben, Ihrem persönlichen Profil oder Ihrer Seite auf Facebook zu folgen.

Wenn Sie einen WordPress-Blog mit mehreren Autoren betreiben, können Sie den Nutzern auch die Möglichkeit geben, ihren Lieblingsautoren auf Facebook zu folgen.

Dies trägt dazu bei, das Engagement der Nutzer zu erhöhen, und bietet Autoren eine Möglichkeit, neue Follower auf Facebook zu gewinnen.

Sehen wir uns also an, wie Sie ganz einfach eine Facebook-Follow-Schaltfläche in WordPress einfügen können.

Methode 1: Hinzufügen eines Facebook-Follow-Buttons mit WordPress

Mit dem integrierten Social Icons-Block im Block-Editor können Sie ganz einfach eine Facebook-Follow-Schaltfläche zu jedem Beitrag, jeder Seite oder jedem Widget-Bereich hinzufügen.

Der Block fügt Ihrer Website Social-Media-Symbole mit Links zu Ihren Social-Media-Profilen hinzu.

Hinzufügen einer Facebook-Follow-Schaltfläche zu einem Beitrag

Zunächst müssen Sie einen bestehenden Beitrag im Blockeditor bearbeiten.

Wenn Sie den Facebook-Follow-Button zu einem neuen Beitrag hinzufügen möchten, müssen Sie den Bildschirm Beiträge “ Neu hinzufügen in der Admin-Seitenleiste aufrufen.

Klicken Sie dann oben auf die Schaltfläche Block hinzufügen ‚(+)‘ und suchen Sie den Block Soziale Symbole.

Fügen Sie dann den Block durch Anklicken in den Inhaltseditor ein.

Add the Social Icons block to a post

Danach müssen Sie auf die Schaltfläche „(+)“ innerhalb des Blocks „Soziale Symbole“ klicken, um das Blockmenü zu öffnen.

Wählen Sie hier einfach den Facebook-Symbolblock aus.

Add the Facebook icon in the block editor

Nachdem das Facebook-Symbol zur Seite hinzugefügt wurde, müssen Sie die URL Ihrer Facebook-Seite oder Ihres Profils kopieren und in das Feld „Adresse eingeben“ einfügen.

Add Facebook page link in the Enter Address field

Als Nächstes können Sie einen Text zusammen mit dem Facebook-Profil-Link hinzufügen. Sie können etwas schreiben wie „Folgen Sie Autorenname auf Facebook!

Hinweis: Beachten Sie, dass Sie mit dem Block Soziale Symbole keinen Text neben dem Facebook-Symbol hinzufügen können. Sie können jedoch den Gruppen- oder Spaltenblock verwenden, um eine Überschrift oder einen Absatzblock neben dem Facebook-Profil-Link hinzuzufügen.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ zu klicken, um Ihre Änderungen zu speichern.

So sah die Facebook-Folgeschaltfläche auf unserer Website aus.

Facebook follow button in a post

Hinzufügen einer Facebook-Follow-Schaltfläche als Widget

Wenn du möchtest, dass deine Facebook-Folgeschaltfläche auf deiner gesamten Website und nicht nur auf einzelnen Beiträgen oder Seiten erscheint, kannst du sie als Widget hinzufügen.

Um den Facebook-Follow-Button als Widget hinzuzufügen, müssen Sie die Seite Erscheinungsbild “ Widgets in der Admin-Seitenleiste aufrufen.

Klicken Sie auf die Schaltfläche Block hinzufügen ‚(+)‘ oben auf der Seite, um den Block Soziale Symbole zu finden. Klicken Sie dann darauf, um ihn dem Widget-Bereich Ihrer Wahl hinzuzufügen, z. B. der Seitenleiste.

Add the Social Icons block to the Widgets section

Klicken Sie anschließend auf die Schaltfläche „(+)“ innerhalb der Blöcke mit den sozialen Symbolen.

Daraufhin wird das Blockmenü geöffnet, in dem Sie das Facebook-Symbol auswählen müssen.

Add Facebook button to sidebar

Sobald das Facebook-Symbol hinzugefügt wurde, kopieren Sie einfach die URL Ihres Facebook-Profils oder Ihrer Seite und fügen sie in das Feld „Adresse eingeben“ ein.

Hinweis: Wenn Sie einen Text neben dem Facebook-Symbol hinzufügen möchten, müssen Sie einen Gruppen- oder Spaltenblock verwenden, um mehrere Blöcke zusammen zu gestalten.

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

Add Facebook URL into the Enter Address option

So sah unser Facebook-Follow-Button als Widget in der Seitenleiste der Website aus.

Widget Preview for the Facebook follow button

Hinzufügen einer Facebook-Follow-Schaltfläche im Full Site Editor

Diese Methode ist für Sie geeignet, wenn Sie ein Block-Theme verwenden und Zugriff auf den vollständigen Site-Editor haben.

Zuerst müssen Sie die Seite Erscheinungsbild “ Editor in der Admin-Seitenleiste aufrufen.

Sobald der Editor für die gesamte Website gestartet ist, klicken Sie einfach auf die Schaltfläche Block hinzufügen ‚(+)‘ in der oberen linken Ecke des Bildschirms.

Von hier aus müssen Sie den Block Social Icons finden und anklicken, um ihn an einer beliebigen Stelle Ihrer WordPress-Website hinzuzufügen.

Add the Social Icons block in the Full site editor

Als Nächstes müssen Sie auf die Schaltfläche (+) innerhalb des Blocks „Soziale Symbole“ klicken.

Wählen Sie hier den Facebook-Block aus dem Menü aus.

Add Facebook button in FSE

Danach müssen Sie die Adresse Ihres Facebook-Profils oder Ihrer Seite in das Feld „Adresse eingeben“ einfügen.

Hinweis: Sie müssen einen Gruppen- oder Spaltenblock verwenden, wenn Sie Text neben dem Facebook-Symbol hinzufügen möchten.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

Add Facebook page URL in the FSE

Unsere Demo-Website sah wie folgt aus.

Full site editor preview of the Facebook follow button

Methode 2: Hinzufügen einer Facebook-Follow-Schaltfläche mit Smash Balloon (empfohlen)

Diese Methode wird empfohlen, wenn Sie mehr Anpassungsmöglichkeiten wünschen und Ihre Facebook-Folgeschaltfläche auffälliger sein soll.

Für diese Methode verwenden wir das Facebook Feed Pro-Plugin von Smash Balloons, um einen Facebook-Follow-Button in WordPress hinzuzufügen.

Es ist das beste WordPress-Facebook-Plugin auf dem Markt, mit dem Sie ganz einfach einen attraktiven Facebook-Follow-Button in Ihren WordPress-Blog einfügen können.

Zunächst müssen Sie das Facebook Feed Pro-Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserer Anleitung für Anfänger zur Installation eines WordPress-Plugins.

Hinweis: Es gibt auch eine kostenlose Version des Plugins namens Facebook Feed Lite. Damit können Sie den Facebook-Follow-Button hinzufügen, aber wir empfehlen ein Upgrade, um das volle Potenzial des Plugins auszuschöpfen.

Sobald Sie das Plugin aktiviert haben, besuchen Sie einfach die Seite Facebook-Feed “ Alle Feeds in der Admin-Seitenleiste.

Hier müssen Sie oben auf die Schaltfläche „Neu hinzufügen“ klicken.

Click the Add New button on the All Feeds page

Daraufhin wird die Seite „Feed-Typ auswählen“ geöffnet.

Wählen Sie nun die Option „Zeitleiste“ und klicken Sie dann auf die Schaltfläche „Weiter“, um fortzufahren.

Select Timeline as feed type

Sie werden nun auf die Seite „Quelle auswählen“ weitergeleitet.

Die Quellen sind die Facebook-Seite oder das Profil, von dem das Plugin Inhalte abruft.

Hier müssen Sie die Option „Neu hinzufügen“ wählen.

Click Add new button to add a new source

Sie werden nun auf die Seite „Mit Facebook verbinden“ von Smash Balloon weitergeleitet.

Hier müssen Sie zunächst „Seite“ als „Quellentyp“ auswählen.

Klicken Sie dann einfach auf die Schaltfläche „Mit Facebook verbinden“, um fortzufahren.

Click Connect to Facebook button

Sie werden nun auf die Facebook-Website weitergeleitet.

Hier müssen Sie Ihre Anmeldedaten eingeben und auf die Schaltfläche „Anmelden“ klicken.

Log in to your Facebook account

Als Nächstes öffnet sich ein Popup mit einer Liste von Facebook-Seiten, die Sie erstellt haben.

Wählen Sie einfach Ihre bevorzugte Facebook-Seite aus und klicken Sie auf die Schaltfläche „Weiter“, um fortzufahren.

Choose a Facebook page and click on the Next button

Als Nächstes wird in dem Popup eine Liste mit Zugriffseinstellungen angezeigt. Hier müssen Sie den Schalter je nach Bedarf auf „Ja“ oder „Nein“ umlegen.

Wenn Sie z. B. möchten, dass die Benutzer die Benutzerinhalte auf der Seite lesen können, müssen Sie den Schalter auf „Ja“ stellen.

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

Configure the access settings and click on the Done button

Das Popup zeigt nun eine Meldung an, dass Sie Smash Balloon WordPress erfolgreich mit Facebook verknüpft haben.

Klicken Sie auf die Schaltfläche „OK“, um zu Ihrem WordPress-Dashboard weitergeleitet zu werden.

Click the OK button after connecting Smash Balloon with Facebook

Danach wird ein Popup-Fenster „Facebook-Seite auswählen“ angezeigt.

Wählen Sie einfach die Facebook-Seite aus, mit der Sie sich gerade verbunden haben, und klicken Sie auf die Schaltfläche „Hinzufügen“.

Select the Facebook page from the popup and click on the Add button

Sie gelangen nun zurück zur Seite „Alle Feeds“, wo Sie auf die Schaltfläche „Neu hinzufügen“ klicken müssen.

Wählen Sie anschließend erneut „Timeline“ als Feed-Typ aus. Dies bringt Sie zurück zur Seite „Quelle auswählen“.

Hier wird die Facebook-Seite, die Sie verbunden haben, angezeigt. Klicken Sie einfach darauf, um sie auszuwählen, und klicken Sie dann auf die Schaltfläche „Weiter“, um fortzufahren.

Choose the Facebook page as the new source

Sie sehen nun den Feed-Editor mit einer Live-Vorschau Ihres Feeds in der rechten Spalte und Layout-Anpassungsoptionen in der linken Spalte.

Klicken Sie auf die Registerkarte „Feed-Layout“, um sie zu erweitern, und setzen Sie dann die Anzahl der Beiträge sowohl für mobile als auch für Desktop-Geräte auf 0. Der Grund dafür ist, dass wir nur eine Facebook-Follow-Schaltfläche anzeigen möchten und keinen Feed mit Beiträgen von der Facebook-Seite.

Set no of posts for mobile and desktop to zero

Danach müssen Sie das Bedienfeld „Kopfzeile“ aufrufen und den Schalter oben auf „Deaktivieren“ umlegen. Dadurch wird die Kopfzeile des Feeds deaktiviert und ein kompaktes Layout erstellt.

Rufen Sie dann das Feld „Schaltfläche „Mehr laden““ auf und schalten Sie den Schalter ebenfalls auf „Deaktivieren“ um. Da wir keine Beiträge anzeigen, besteht keine Notwendigkeit, eine Schaltfläche „Mehr laden“ anzuzeigen.

Disable the header

Als Nächstes müssen Sie das Feld „Like Box“ in der linken Spalte aufrufen. Schalten Sie den Kippschalter auf „Aktivieren“. Dadurch wird die Schaltfläche „Folgen“ aktiviert.

Als Nächstes können Sie Ihre Facebook-Schaltfläche in den Einstellungen unten anpassen. Sie können seine Größe, Position und Breite ändern.

Sie können das Titelfoto auch anzeigen oder ausblenden, indem Sie den Schalter „Titelfoto“ umlegen.

Toggle the switch to enable the Like Box

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

Hinzufügen einer Facebook-Follow-Schaltfläche zu einem Beitrag

Um eine Facebook-Folgeschaltfläche zu einem Beitrag hinzuzufügen, müssen Sie einen bestehenden oder neuen Beitrag im Block-Editor öffnen.

Klicken Sie anschließend auf die Schaltfläche Block hinzufügen (+)“ in der oberen linken Ecke und suchen Sie nach dem Block Benutzerdefinierter Facebook-Feed“.

Klicken Sie auf den Block, um ihn zu Ihrer Seite hinzuzufügen, und er fügt automatisch die Facebook-Folgeschaltfläche in Ihren Beitrag ein.

Add the Custom Facebook feed block

Speichern Sie schließlich Ihre Einstellungen, indem Sie auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“ klicken.

Sie können nun Ihre Website besuchen, um die Facebook-Folgeschaltfläche in Aktion zu sehen.

Facebook follow button in post

Hinzufügen einer Facebook-Follow-Schaltfläche als Widget

Um einen Facebook-Follow-Button als Widget hinzuzufügen, müssen Sie die Seite Erscheinungsbild “ Widgets in der Admin-Seitenleiste aufrufen.

Klicken Sie anschließend auf die Schaltfläche Block hinzufügen (+)“ und suchen Sie den Block Benutzerdefinierter Facebook-Feed“.

Wenn Sie den Block gefunden haben, fügen Sie ihn der WordPress-Seitenleiste hinzu, indem Sie ihn anklicken.

Add the Custom Facebook Feed block to the sidebar

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

Der Facebook-Follow-Button sah in der Seitenleiste unserer Demo-Website so aus.

Facebook follow button preview in sidebar

Hinzufügen einer Facebook-Follow-Schaltfläche im Full Site Editor

Wenn Sie ein Block-Theme verwenden, können Sie den vollständigen Website-Editor verwenden, um die Facebook-Follow-Box anzuzeigen.

Rufen Sie zunächst die Seite Erscheinungsbild “ Editor in der Admin-Seitenleiste auf. Von hier aus können Sie die Vorlage auswählen, die Sie bearbeiten möchten.

Klicken Sie anschließend auf die Schaltfläche Block hinzufügen „(+)“ und suchen Sie den Block Benutzerdefinierter Facebook-Feed.

Die Facebook-Folgeschaltfläche wird automatisch angezeigt, sobald Sie den Block an der gewünschten Stelle auf Ihrer Website eingefügt haben.

Add the Custom Facebook feed block in the full site editor

Vergessen Sie nicht, oben auf die Schaltfläche „Speichern“ zu klicken, um Ihre Einstellungen zu speichern.

So sah die Facebook-Folgeschaltfläche auf unserer Demo-Website aus.

Facebook follow button preview in FSE

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu erfahren, wie Sie eine Facebook-Follow-Schaltfläche für Autoren auf Ihrer WordPress-Website hinzufügen können. Vielleicht interessieren Sie sich auch für unsere Anleitung, wie Sie soziale Medien nutzen können, um die Zahl der E-Mail-Abonnenten in WordPress zu erhöhen, oder für unsere Top-Tipps für die besten Social-Media-Plugins, um Ihre Website zu erweitern.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

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

Reader Interactions

15 KommentareEine Antwort hinterlassen

  1. Kerry

    OK… So none of the pages noted here exist anymore………………………

    • WPBeginner Support

      Thank you for your feedback, we will certainly look into updating this article when we are able.

      Admin

  2. tony

    seems like a pretty easy set up process

  3. Arnold Paseiro

    I know this is an old post and I was able to do it for Twitter but Facebook now doesn’t have an iframe choice or any choice for that matter, so I am stuck. It’s 2015. I still need help.

  4. Ruby Dawnbrooke

    Hello! I have a question, it no longer works but how do I do it?

  5. Chris

    Is there an easy way to get this follow button onto an individual author’s archive page?
    I imagine you can use the same code from the Facebook, but I’m not certain how to inject each author’s Facebook profile URL unto the follow button code.
    Thanks for any advice.

  6. Hal

    Appreciate the effort, but this doesn’t work as of October 1, 2013 – the date I tried it.

    • Editorial Staff

      Which part is not working? It seems to be working fine. The demo is live on the FB site itself.

      Admin

      • Sangeeta

        Its not working on my wordpress as well. The Iframe code does not save in the Text widget.
        Any guidance would be welcome, thanks.

        Sangeeta
        Oct 26 2013

        • WPBeginner Support

          Sangeeta if your site is hosted on WordPress.com then iframe code will not work for you. Please see the difference between WordPress.com vs Self Hosted WordPress.org . If your site is not hosted on WordPress.com then you will get an error most probably because you did not select the width for your follow button. Enter a value in the width and the iframe code should work fine.

  7. Rowan

    Thanks for this post. I’m having trouble getting a follow button for my FB page to show up in my wordpress posts. I want to have a simple follow button in my posts rather than a sidebar widget. Your post mentions that I can just paste the code into my theme template but I’m not sure where to do that.

    Is there a way of doing this so that I don’t need to manually paste the code into every blog post? I’ve tried using a few plugins but they all seem to only create a sidebar widget or a „like“ button in-post which only likes the post, not my FB page.

    Any ideas?

  8. Albert Albs

    Thanks for the tips. But it is extra load on our website. No wasting of time.

  9. Travis Pflanz

    Is there a direct URL to follow a user? I would be more beneficial to simply swap out a URL, than re-code a section of my website to add a follow button.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.