Wie man ein Facebook-Feed-Karussell zu WordPress hinzufügt (aktualisiert)
Startseite Blog Wie man ein Facebook-Feed-Karussell zu WordPress hinzufügt (aktualisiert)

Wie man ein Facebook-Feed-Karussell zu WordPress hinzufügt (aktualisiert)

Wie man ein Facebook-Feed-Karussell zu WordPress hinzufügt

Die Anzeige von Facebook-Posts ist zwar eine gute Möglichkeit, Besucher zu binden, aber das manuelle Einbetten von Facebook-Inhalten kann zeitaufwändig und komplex sein.

Ein Facebook-Feed-Karussell löst dieses Problem, indem es automatisch Ihre neuesten Beiträge in einem schönen, interaktiven Slider anzeigt. So bleibt Ihre Website frisch, die Beteiligung wird erhöht und Ihre Anhängerschaft in den sozialen Medien kann sogar wachsen.

Der einfachste Weg, ein Facebook-Feed-Karussell zu WordPress hinzuzufügen, ist die Verwendung des Smash Balloon Facebook Feed Pro Plugins.

Anstatt sich mit Code zu befassen, erhalten Sie eine Anleitung, um Ihre Facebook-Seite zu verbinden, das Aussehen des Karussells anzupassen und es mithilfe eines einfachen WordPress-Blocks auf Ihrer Website einzubetten.

In dieser Anleitung werde ich Sie Schritt für Schritt durch den Prozess führen, ohne dass Sie Code schreiben müssen.

Das Hinzufügen eines Facebook-Karussells zu WordPress ist technisch möglich, aber es ist ziemlich schwierig und bringt einige lästige Einschränkungen mit sich.

Sie müssen sich nicht nur mit komplexen Codes auseinandersetzen, sondern sich auch als App-Entwickler bei Facebook anmelden, um loszulegen.

Beispiel für das manuelle Einbetten von Facebook-Inhalten

Außerdem können Sie das Design nicht wirklich ändern, ohne den Code selbst zu optimieren. Wenn Sie hier Fehler machen, kann Ihre Website sogar kaputt gehen.

Um all diese Kopfschmerzen zu umgehen, können Sie einfach ein Facebook-Feed-Plugin verwenden, das Karussell unterstützt.

Es gibt einige Optionen, aber ich empfehle das Facebook Feed Pro Plugin.

facebook feed pro homepage

Mit diesem Tool können Sie mit ein paar einfachen Klicks ein schönes Facebook-Karussell erstellen. Außerdem verfügt der Feed über "Gefällt mir"- und "Teilen"-Buttons, sodass Sie Ihren Website-Traffic in Facebook-Engagement umwandeln können.

Als Bonus gibt es hier einige Highlights des Plugins, die es von anderen abheben:

  • Benutzerfreundlich: Es gibt eine 3-stufige Anleitung, so dass jeder ohne technische Vorkenntnisse mit der Anwendung beginnen kann.
  • Anpassbar: Sie können Feed-Themen und -Vorlagen auswählen, um schnell schöne Feed-Designs zu importieren und sie mit dem Live-Customizer im Detail anzupassen.
  • Jede Menge Feed-Typen: Sie können Facebook-Alben, Fotos, Seiten-Timelines, Bewertungen, Facebook-Events und vieles mehr einbetten.
  • Leichtgewichtig: Facebook Feed Pro wurde optimiert und verfügt sogar über eine intelligente Zwischenspeicherung, sodass Ihr Karussell so schnell wie möglich geladen wird, was sich positiv auf Ihr Suchmaschinen-Ranking auswirkt.
  • Sehr gut bewertet: Das Plugin hat eine Bewertung von 4,9/5 Sternen bei mehr als 250.000 Nutzern, und die Leute scheinen mit den Funktionen und dem Kundensupport sehr zufrieden zu sein.
Facebook-Benutzerbewertungen

Wie Sie sehen können, gibt es viele Möglichkeiten, wie Facebook Feed Pro Ihrem Unternehmen helfen kann. Es ist eine todsichere Methode, um Ihre Besucher zu binden, Ihre Anhängerschaft zu vergrößern und vieles mehr.

Und wenn Sie dieses Plugin ausprobieren möchten, können Sie hier eine Kopie von Facebook Feed Pro erhalten.

  • Mit einem Facebook-Feed-Karussell können Sie Ihre Facebook-Inhalte präsentieren und auf einfache Weise neue Follower und Interaktionen von Ihren Website-Besuchern erhalten.
  • Sie können einen Karussell-Feed verwenden, um Ankündigungen, Neuigkeiten, Produktveröffentlichungen und andere wichtige Facebook-Posts hervorzuheben. Außerdem zeigt dies den Besuchern Ihrer Website, dass Sie auf Facebook aktiv sind.
  • Sie können auch viele schöne visuelle Inhalte auf kleinerem Raum darstellen. Das bedeutet, dass Sie die Aufmerksamkeit der Besucher leicht erregen und sie auf Ihrer Website halten können.
  • Um eine Produkt- oder Verkaufsseite aufzuwerten, können Sie ein Facebook-Karussell verwenden, um Bewertungen hervorzuheben und Ihre Konversionen und Verkäufe leicht zu steigern.

Wie man ein Facebook-Feed-Karussell zu WordPress hinzufügt

Sind Sie bereit, ein Facebook-Karussell auf Ihrer Website einzubauen? Ich führe Sie unten durch den gesamten Prozess, und Sie können mir folgen:

Schritt 1: Installieren Sie das Facebook Feed Pro Plugin

Das Wichtigste zuerst: Sie können sich eine Kopie des Facebook Feed Pro Plugins holen. Dann können Sie auch die Carousel-Erweiterung hier herunterladen .

Sobald Sie beide Plugins heruntergeladen haben, installieren und aktivieren Sie sie einfach auf Ihrer WordPress-Website.

Wenn Sie nicht weiterkommen, gibt es auch diese praktische Anleitung zur Installation eines WordPress-Plugins.

Der nächste Schritt besteht darin, das Karussell-Addon für Ihre WordPress-Website zu aktivieren. Gehen Sie dazu zunächst in Ihrem Dashboard zum Menü Facebook-Feed " Erweiterungen .

Suchen Sie auf dieser neuen Seite den Abschnitt Karussell und klicken Sie auf die Schaltfläche Aktivieren.

Karussell-Erweiterung für Facebook aktivieren

Schritt 3: Erstellen eines neuen Facebook-Feeds

Nun ist es an der Zeit, einen neuen Facebook-Feed auf Ihrer Website zu erstellen.

Gehen Sie zunächst in Ihrem WordPress-Dashboard auf das Menü Facebook-Feed " Alle Feeds und klicken Sie auf die Schaltfläche Neu hinzufügen .

Fügen Sie mithilfe des Plugins einen neuen Facebook-Feed hinzu

Das Plugin zeigt Ihnen dann alle Feed-Typen an, die Sie für Ihr Facebook-Feed-Karussell verwenden können.

Hier sehen Sie 9 verschiedene Optionen, darunter Timeline-Feeds, Fotos-Feeds, Alben-Feeds, Reviews-Feeds und mehr.

Facebook-Feed-Typ auswählen

Wählen Sie den gewünschten Futtermitteltyp aus und klicken Sie dann auf die Schaltfläche Weiter , um fortzufahren.

Für unser Tutorial werde ich einen Zeitleisten-Feed verwenden.

Schritt 4: Verbinden Sie Ihren Feed mit Facebook

Jetzt, wo du einen neuen Facebook-Feed hast, ist es an der Zeit, ihn mit einer Facebook-Seite zu verbinden.

Klicken Sie auf die Schaltfläche Neu hinzufügen im Popup-Fenster, um zu beginnen.

neue Quelle hinzufügen facebook feed pro

Als Nächstes können Sie wählen, ob Sie eine Facebook-Seite verbinden oder Ihr API-Zugangs-Token eingeben möchten.

Wenn Sie bereits einen Token haben, können Sie ihn hier eingeben, um Ihr Konto manuell zu verbinden.

Ansonsten klicken Sie einfach auf die Schaltfläche Mit Facebook verbinden.

Verbinden Sie Ihre Elementor-Seite mit Facebook

Danach wird das Plugin Sie zu Facebook schicken, damit Sie das Facebook-Konto auswählen können, das Sie verbinden möchten.

Klicken Sie auf die Schaltfläche Weiter , um fortzufahren.

smash balloon facebook zugang

Das Plugin bittet nun um schreibgeschützten Zugriff auf Ihr Facebook-Profil. Dadurch kann Facebook Feed Pro Ihre Daten einsehen, aber keine Änderungen vornehmen.

Im Grunde bedeutet dies, dass die Verwendung des Plugins völlig sicher ist.

Um fortzufahren, klicken Sie einfach auf die Schaltfläche Hinzufügen im Popup-Fenster.

Bestätigen Sie Ihre Quelle für Facebook-Feeds

Danach können Sie diese Facebook-Seite als Quelle für Ihren Karussell-Feed auswählen.

Klicken Sie dann auf die Schaltfläche Weiter, und schon sind Sie hier fertig.

weiter nach Auswahl der Quelle facebook

Nachdem Sie Ihren Feed mit Facebook verbunden haben, bietet Ihnen das Plugin verschiedene vorgefertigte Themen, die Sie importieren können.

Jedes dieser Themen hat ein anderes Aussehen, das die Darstellung der Beiträge auf Ihrer Website verändert:

  • Standard
  • Modern
  • Soziale Wand
  • Gliederung
  • Überlappung

Sobald Sie Ihr Thema ausgewählt haben, klicken Sie auf Weiter , um fortzufahren.

Wählen Sie Ihr Facebook-Theme für das Widget

Nachdem Sie das Aussehen Ihres Feeds durch Importieren eines Themas geändert haben, können Sie eine Feed-Vorlage auswählen.

Durch die Auswahl verschiedener Vorlagen können Sie das Layout Ihrer Facebook-Beiträge, die Kopfzeile und vieles mehr ändern.

Wählen Sie hier einfach eine Vorlage aus und klicken Sie dann auf Weiter.

Wählen Sie Ihre Feed-Vorlage Facebook-Widget

Sobald Sie eine Feed-Vorlage importiert haben, sehen Sie Ihren Feed im Live-Feed-Editor geöffnet.

Auf der linken Seite finden Sie alle Anpassungsoptionen für Ihren Feed. Mit diesen können Sie das Layout des Feeds, das Farbschema, den Stil der Box, den Stil der Kopfzeile und vieles mehr ändern.

live feed editor für facebook feed pro

Ich zeige Ihnen hier, wie Sie das Karussell-Layout aktivieren und einige andere Anpassungsoptionen ändern können.

Um mit der Anpassung zu beginnen, klicken Sie auf die Option Feed-Layout auf der linken Seite.

feed layout facebook elementor feed

Wählen Sie nun die Option Karussell , um das Karussell-Layout für Ihren Facebook-Feed zu aktivieren.

Karussell-Layout für Facebook-Feed auswählen

Sobald Sie das Karussell-Layout ausgewählt haben, sehen Sie auf der rechten Seite eine Echtzeit-Vorschau Ihres neuen Facebook-Feed-Karussells.

Als Nächstes können Sie auf der linken Seite nach unten scrollen und die Optionen zum Ändern der Desktop-Spalten und der Mobil-Spalten finden.

Sie können auch Navigationspfeile oder eine Paginierung für Ihr Facebook-Karussell anzeigen lassen.

Denken Sie daran, die Änderungen zu speichern, wenn Sie mit Ihrem Facebook-Feed zufrieden sind.

Jetzt können Sie auf die Schaltfläche Anpassen klicken, um noch einmal alle Anpassungsoptionen zu sehen.

zurück zu den Hauptanpassungsoptionen für Facebook

Wählen Sie dort die Option Farbschema , um die Farben für Ihr Facebook-Feed-Karussell festzulegen.

Farbschema-Optionen auswählen facebook elementor

Mit dem Facebook Feed Pro Plugin können Sie aus 4 verschiedenen Farbschemata wählen:

  • Vererbt von Theme: Kopiert die Farben Ihrer Website
  • Hell: Hellerer Hintergrund mit dunkler Schrift
  • Dunkel: Dunkler Hintergrund mit einer hellen Schriftfarbe
  • Benutzerdefiniert: Wählen Sie alle Farben manuell selbst aus
Farbschema-Optionen für Elementor-Facebook-Feed

Wählen Sie das von Ihnen bevorzugte Farbschema aus, und klicken Sie erneut auf Speichern.

Und genau so können Sie Ihr neues Facebook-Feed-Karussell mit dem Live-Feed-Editor anpassen. Mit diesen Optionen können Sie den Feed-Typ, den Stil des Titelbildes, die Post-Elemente und vieles mehr festlegen.

Wenn Sie mit den Anpassungen fertig sind, klicken Sie einfach auf Speichern.

In diesem Schritt können Sie schließlich Ihr neues Facebook-Feed-Karussell auf Ihrer Website veröffentlichen. Sie können dies auf 2 verschiedene Arten tun:

  • Das Facebook-Feed-Karussell auf Ihrer Seite einbetten
  • Integrieren Sie das Facebook-Feed-Karussell in Ihre Seitenleiste oder Fußzeile

Sie können Ihre Facebook-Feeds ganz einfach mit dem Live-Feed-Editor in Ihre Website einbetten. Klicken Sie zunächst auf die Schaltfläche " Einbetten" am oberen Rand.

facebook elementor feed einbetten

Anschließend wird ein Popup-Fenster angezeigt, in dem Sie gefragt werden, wo Sie Ihr Facebook-Feed-Karussell einbetten möchten. Sie können sogar den Shortcode kopieren, wenn Sie Social Media Feeds manuell einbetten möchten.

Um fortzufahren, wählen Sie einfach die Option Zu einer Seite hinzufügen.

Facebook-Feed zur Seite hinzufügen

Danach zeigt Ihnen das Popup eine Liste Ihrer WordPress-Seiten an.

Um fortzufahren, wählen Sie eine Seite für Ihren Facebook-Feed aus und klicken Sie dann auf die Schaltfläche Hinzufügen .

Seite für Facebook-Feed auswählen

Dadurch wird die Seite im WordPress Gutenberg-Editor geöffnet.

Klicken Sie nun auf das kleine Pluszeichen (+) , um einen neuen Block hinzuzufügen.

Inhaltsblock für Facebook-Feed hinzufügen

Sie können dann in der Suchleiste oben nach "facebook" suchen.

Wählen Sie dann das benutzerdefinierte Facebook-Feed-Widget aus den unten stehenden Suchergebnissen aus.

facebook feed pro block

Klicken Sie danach auf Veröffentlichen , und schon haben Sie Ihr Facebook-Feed-Karussell zu Ihrer Website hinzugefügt!

Sie können Ihre Website jetzt öffnen, um zu sehen, wie sie aussieht.

beispiel für facebook-karussell in wordpress

Wie Sie sehen können, ist es super einfach, Feeds auf Ihren Seiten mit Hilfe von Facebook Feed Pro anzuzeigen. Es ist wirklich das beste WordPress-Facebook-Plugin auf dem Markt.

Als Nächstes sehen wir uns an, wie Sie mit diesem Plugin Facebook-Widgets auf Ihrer Website einbetten können.

Mit dem Live-Feed-Editor können Sie Ihren neuen Karussell-Feed auch in der Seitenleiste oder Fußzeile Ihrer Website einfügen.

Um den Live-Feed-Editor erneut zu öffnen, gehen Sie in Ihrem WordPress-Dashboard auf das Menü Facebook-Feed " Alle Feeds.

Dort sehen Sie alle Ihre Facebook-Feeds aufgelistet.

Um fortzufahren, klicken Sie einfach auf Ihren neuen Facebook-Karussell-Feed.

Facebook-Feed-Widget erneut öffnen

Sie befinden sich nun wieder in Ihrem Live-Feed-Editor. Um mit dem Einbetten Ihres Facebook-Feed-Karussells zu beginnen, klicken Sie auf Einbetten.

facebook elementor feed einbetten

In dem neuen Popup können Sie auswählen, wo Sie Ihren Facebook-Feed einbetten möchten.

Wählen Sie zunächst die Option Zu einem Widget hinzufügen .

Facebook-Feed als Widget hinzufügen

Wenn Sie darauf klicken, werden Sie zur Widgets-Seite Ihrer WordPress-Website weitergeleitet. Hier können Sie Ihren Karussell-Feed als Facebook-Widget zu Ihrer Fußzeile oder Seitenleiste hinzufügen.

Klicken Sie nun hier auf die Seitenleiste , um fortzufahren.

Seitenleiste für Widget auswählen

Wenn Sie jedoch Ihren Facebook-Feed in Ihre Fußzeile einbetten möchten, können Sie stattdessen auf ein Fußzeilen-Panel klicken.

In diesem Tutorial werde ich die Option Fußzeile verwenden.

Fußzeilen-Panel öffnen

Klicken Sie dann auf das Plus-Symbol (+), um ein neues Widget zum Panel hinzuzufügen.

Wählen Sie schließlich aus allen Optionen das benutzerdefinierte Facebook-Feed-Widget aus, um Ihren Facebook-Feed einzubetten.

Facebook-Feed-Widget in die Seitenleiste einfügen

Klicken Sie einfach auf die Schaltfläche Aktualisieren , um den Vorgang abzuschließen.

Danach können Sie Ihre Website öffnen und Ihr Karussell mit den Facebook-Inhalten in der Seitenleiste anzeigen lassen.

Facebook Fußzeile Karussell Widget Beispiel

Und schon sind Sie fertig!

Jetzt weißt du, wie du ein Facebook-Feed-Karussell zu deiner WordPress-Website hinzufügen kannst. Wie Sie sehen können, ist es ziemlich einfach. Sie brauchen keine komplexen Codes, sondern nur das richtige Tool.

Sobald Sie die richtigen Beiträge für Ihr Karussell ausgewählt haben, können Sie die Besucher leicht ansprechen und Ihre Facebook-Fangemeinde vergrößern.

Sind Sie bereit, Facebook-Karussells einzubinden? Starten Sie noch heute mit Facebook Feed Pro.

Sie möchten ansprechende Instagram-Inhalte auf Ihrer Website zeigen? In dieser Anleitung erfahren Sie , wie Sie Instagram-Feeds auf Ihrer Website einbetten können.

Weitere Tipps und Anleitungen für Social Media Marketing

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.