Visuelles ist ein wichtiger Bestandteil, um eine Website interessant zu gestalten. Als Experte für digitales Marketing habe ich in den letzten Jahren immer wieder gesehen, wie wichtig Bilder sind, um Menschen online zu halten.
Facebook ist ein Ort, an dem viele Unternehmen und Privatpersonen Fotos teilen. Wenn Sie Facebook nutzen, um Ihre Produkte, Veranstaltungen oder Ihr Team vorzustellen, möchten Sie diese Fotos vielleicht auch auf Ihrer Website zeigen.
Die Anzeige Ihrer Facebook-Fotos auf Ihrer Website kann diese lebendiger und visuell ansprechender machen. So können Besucher Ihre Fotos direkt auf Ihrer Website sehen, ohne zu Facebook gehen zu müssen.
In diesem Artikel stelle ich Ihnen eine klare, schrittweise Vorgehensweise vor, mit der Sie Ihre Facebook-Fotos problemlos auf Ihrer Website anzeigen können.
Mit meinem Wissen über Website-Inhalte und die Integration sozialer Medien gebe ich einfache Anleitungen weiter, damit Sie Ihre Website mit Ihren Facebook-Fotos aufwerten und sie für Ihr Publikum visuell ansprechender gestalten können.
In diesem Artikel
- Warum Facebook-Fotos auf Ihrer Website anzeigen?
- Einfache Möglichkeit, Facebook-Fotos auf Ihrer Website anzuzeigen
- Facebook-Fotos auf Ihrer Website manuell anzeigen
- Der beste Weg, Facebook-Fotos in WordPress anzuzeigen
Warum Facebook-Fotos auf Ihrer Website anzeigen?
Normalerweise laden Menschen Fotos auf Facebook hoch, um sie mit ihren Freunden und ihrer Familie zu teilen.
Als Marke sollten Sie jedoch bedenken, dass nicht jeder ein Facebook-Konto hat. Das bedeutet, dass Ihre ideale Zielgruppe Ihre Fotos nicht sehen wird, wenn Sie sie ausschließlich auf Ihrer Facebook-Seite veröffentlichen.
Das Cross-Publishing von Facebook-Fotos auf Ihrer Website macht sie für alle zugänglich, so dass Sie Ihr Unternehmen mit Facebook bewerben können. Das bedeutet, dass Ihre Website-Besucher Ihre Facebook-Inhalte sehen können - auch wenn sie ein Facebook-Konto haben oder nicht.
Das Ergebnis ist, dass sich mehr Menschen mit Ihren Facebook-Inhalten befassen und Ihre Website erkunden. Das zeigen unsere detaillierten Recherchen zu Social-Media-Marketing-Statistiken:
Während die Engagement-Raten auf Facebook variieren können, erregen Fotos mit einer durchschnittlichen Engagement-Rate von 0,12 % die meiste Aufmerksamkeit.
Die Anzeige von Facebook-Fotos in WordPress ist auch ein idealer Weg, um mehr Facebook-Follower zu bekommen. Mit den Methoden, die wir später in diesem Artikel erkunden, können Ihre Besucher Ihre Facebook-Seite mögen und mit ihr interagieren, ohne Ihre Website zu verlassen.
Nachdem Sie nun einige der Vorteile der Anzeige von Facebook-Fotos auf Ihrer Website kennen, wollen wir uns nun die Methoden zum Einbetten in WordPress ansehen.
Einfache Möglichkeit, Facebook-Fotos auf Ihrer Website anzuzeigen
Der einfachste Weg, Facebook-Fotos auf Ihrer Website anzuzeigen, ist die Verwendung eines WordPress-Plugins.
Die besten WordPress-Plugins erweitern die Funktionalität Ihrer Website und bieten Ihnen zusätzliche Funktionen, ohne dass Sie Kenntnisse in der Programmierung benötigen.
Mit dem Smash Balloon Facebook Feed Pro Plugin können Sie Facebook-Inhalte nahtlos in Ihre WordPress-Website integrieren, einschließlich Fotos und andere Medien wie Facebook-Videos.
Dann brauchen Sie nur noch ein Update auf Ihrer Facebook-Seite zu posten, und es wird automatisch auf Ihrer Website angezeigt.
Darüber hinaus sieht das Plugin auf Ihrer Website sofort großartig aus, so dass Sie nicht viel Arbeit haben werden, um Ihre Inhalte so zu gestalten, wie Sie es wünschen.
Schauen wir uns also die Schritte an, um Facebook-Fotos mit dem Facebook Feed Pro-Plugin anzuzeigen.
Schritt 1: Smash Balloon Facebook Feed Pro herunterladen
Um zu beginnen, können Sie Ihre Kopie von Facebook Feed Pro von hier erhalten. Installieren und aktivieren Sie dann das Plugin auf Ihrer Website.
In dieser Schritt-für-Schritt-Anleitung erfahren Sie, wie Sie ein WordPress-Plugin installieren können.
Schritt 2: Erstellen Sie Ihren Facebook-Foto-Feed
Nachdem Sie das Plugin auf Ihrer Website installiert und aktiviert haben, navigieren Sie in Ihrem WordPress-Dashboard zum Menü Facebook-Feed " Alle Feeds.
Um dann einen neuen Facebook-Feed zu erstellen, klicken Sie auf Neu hinzufügen.
Als nächstes müssen Sie den Feed-Typ auswählen. Mit Custom Facebook Feed Pro haben Sie 9 verschiedene Optionen zur Auswahl: Fotos Feed, Events Feed, Alben Feed, Videos Feed, Reviews Feed und vieles mehr.
Wählen Sie hier Fotos aus und klicken Sie dann auf die Schaltfläche Weiter .
Damit haben Sie Ihren neuen Facebook-Foto-Feed erstellt, und es ist an der Zeit, ihn mit Facebook zu verbinden.
Schritt 3: Verbinden Sie sich mit Ihrer Facebook-Seite
Nun können Sie Ihren neuen Feed mit einer Facebook-Seite verbinden. Klicken Sie dazu auf die Schaltfläche Neu hinzufügen .
Daraufhin wird ein neues Popup-Fenster angezeigt, in dem Sie eine Seite auswählen können, die Sie verbinden möchten. Wählen Sie hier die gewünschte Seite aus und klicken Sie dann auf die Schaltfläche Verbinden.
Jetzt leitet das Plugin Sie zu Facebook weiter und bittet um schreibgeschützten Zugriff auf Ihr Konto. Da es sich um einen schreibgeschützten Zugriff handelt, kann das Plugin nichts ändern und liest nur Ihre Daten, ist also absolut sicher.
Sie können die Seite auswählen, die Sie auf Ihrer Website haben möchten, und dann auf Weiter klicken.
Klicken Sie abschließend auf Fertig und Ihr Facebook-Foto-Feed hat nur noch Lesezugriff auf Ihre Facebook-Seite.
Danach können Sie auf Hinzufügen klicken, um das Hinzufügen Ihrer Quelle abzuschließen.
Sie können nun die neu hinzugefügte Quelle für Ihren Facebook-Foto-Feed auswählen. Klicken Sie dann auf Weiter , um fortzufahren.
Jetzt ist es Zeit für Schritt 4, in dem du das Aussehen deines Facebook-Fotofeeds auswählen kannst.
Schritt 4: Anpassen Ihres Facebook-Fotofeeds
Danach können Sie Ihren Facebook-Foto-Feed mit dem Live-Feed-Editor individuell gestalten.
Auf der linken Seite finden Sie die Anpassungsoptionen für Ihren Facebook-Feed. Sie können auch die Live-Vorschau auf der rechten Seite überprüfen und sehen, wie Ihr Feed aussieht.
Hier können Sie nun den Feed-Typ, das Layout, das Farbschema, das Header-Design, das Post-Design und vieles mehr ändern.
Wählen Sie die Option Feed-Layout, um zu beginnen.
Sie haben hier 4 verschiedene Optionen für Ihre Facebook-Fotos: Liste, Raster, Mauerwerk und Karussell.
Bei einem Listenlayout werden Ihre Facebook-Fotos nacheinander gepostet.
Sie können die Rasteroption wählen, wenn Sie viele Fotos in übersichtlichen Reihen und Spalten anzeigen möchten, wie in einer Facebook-Galerie.
Wenn Sie möchten, dass Ihre Facebook-Fotos ihre ursprünglichen Proportionen behalten, steht Ihnen das Mauerwerk-Layout zur Verfügung.
Sie können Ihren Fotos auch ein dynamischeres Aussehen verleihen, indem Sie ein Facebook-Karussell verwenden.
Wählen Sie das gewünschte Layout aus und klicken Sie dann oben auf die Schaltfläche Speichern .
Anschließend können Sie auf die kleine Schaltfläche Anpassen klicken, um zu den vorherigen Optionen zurückzukehren.
Sie können nun fortfahren und die Farben Ihres Facebook-Fotofeeds einstellen.
Klicken Sie dazu einfach auf die Option Farbschema auf der linken Seite.
Auf dieser Seite können Sie die Farben für Ihren Facebook-Foto-Feed auswählen. Sie können wählen zwischen:
- Vererben von Theme: Kopieren Sie das Farbschema Ihrer Website
- Licht: Wählen Sie einen hellen Look für Ihren Facebook-Foto-Feed
- Dunkel: Verleihen Sie Ihrem Feed einen dunkleren Look mit heller Schrift
- Benutzerdefiniert: Wähle manuell alle Farben deines Feeds aus
Wählen Sie das gewünschte Farbschema aus und klicken Sie dann auf Speichern.
Danach können Sie mit der Bearbeitung des Feeds nach Ihren Wünschen beginnen. Mit diesem einfachen Editor können Sie den Typ der Kopfzeile, den Stil des Beitrags, die Größe des Feeds, die Ränder und vieles mehr einstellen, wobei Ihnen eine Live-Vorschau hilft.
Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche " Speichern" oben rechts und fahren mit dem nächsten Schritt fort, bei dem Sie den Feed einbetten.
Schritt 5: Zeigen Sie Ihre Facebook-Fotos in WordPress an
Jetzt ist es an der Zeit, deine Facebook-Fotos auf deiner Website zu zeigen. Dieser Teil ist eigentlich ziemlich einfach, und Sie können ihn auf 2 verschiedene Arten durchführen.
Facebook-Fotos auf Ihrer Seite anzeigen
Mit dem Live-Feed-Editor können Sie Ihren Facebook-Foto-Feed ganz einfach auf Ihrer Webseite anzeigen.
Klicken Sie zunächst auf die Schaltfläche Einbetten oben rechts in Ihrem Live-Feed-Editor.
Daraufhin wird ein neues Popup-Fenster angezeigt. Von hier aus können Sie auswählen, wo Ihre Facebook-Fotos angezeigt werden sollen.
Um fortzufahren, klicken Sie einfach hier auf die Schaltfläche Zu einer Seite hinzufügen.
Jetzt sehen Sie eine Liste aller verfügbaren Seiten. Wählen Sie einfach die Seite aus, auf der Sie Ihre Facebook-Fotos zeigen möchten, und klicken Sie auf die Schaltfläche Hinzufügen .
Sobald Sie das getan haben, wird das Plugin Sie auf die Seite weiterleiten.
Klicken Sie hier auf das kleine Plus-Symbol (+) und wählen Sie das Custom Facebook Feed Widget.
Klicken Sie abschließend auf die Schaltfläche Veröffentlichen und Sie sind fertig.
Sie haben nun erfolgreich Ihre Facebook-Fotos zu Ihrer Website hinzugefügt. Schauen Sie sich Ihre Website an und sehen Sie, wie sie für Ihre Besucher aussehen.
Wenn Sie stattdessen Ihren Facebook-Foto-Feed in der Seitenleiste anzeigen möchten, bietet Ihnen das Plugin ebenfalls eine Lösung.
Facebook-Fotos in Ihrer Seitenleiste anzeigen
Sie können Ihre Facebook-Fotos auch in Ihrer Seitenleiste als Facebook-Widget anzeigen.
Rufen Sie dazu zunächst das Facebook-Feed-Menü in Ihrem WordPress-Dashboard auf. Dort sehen Sie eine Liste aller Ihrer verfügbaren Feeds.
Klicken Sie einfach auf Ihren Facebook-Foto-Feed, um fortzufahren.
Sie sehen nun wieder den Live-Feed-Editor. Hier können Sie auf die Schaltfläche " Einbetten" in der oberen rechten Ecke klicken.
Es wird ein Popup-Fenster angezeigt, in dem Sie den Ort für Ihren Facebook-Foto-Feed auswählen können. Um fortzufahren, klicken Sie auf die Schaltfläche Zu einem Widget hinzufügen .
Das Plugin leitet Sie nun auf die Widgets-Seite weiter. Jetzt können Sie zwischen allen verfügbaren Standorten für Ihr Facebook-Foto-Feed-Widget wählen.
Sie können in den Optionen auf Sidebar klicken, um fortzufahren.
Wenn Sie stattdessen Facebook-Fotos in Ihrer Fußzeile anzeigen möchten, klicken Sie hier auf die anderen Optionen.
In diesem Tutorial werden wir Facebook-Fotos in der Seitenleiste anzeigen. Klicken Sie auf die Schaltfläche mit dem Plus-Symbol (+) , um ein neues Widget hinzuzufügen.
Wählen Sie hier den Block " Benutzerdefinierter Facebook-Feed " aus, und schon sind Sie fertig!
Deine Website hat jetzt dein Facebook-Foto in der Seitenleiste! Öffnen Sie es und sehen Sie sich an, wie es aussieht.
Es sind nicht nur einfache Fotos, die Sie in WordPress zeigen können. Mit der Facebook-Album-Erweiterung von Smash Balloon können Sie auch ein Facebook-Album auf Ihrer Website einbetten.
Facebook-Fotos auf Ihrer Website manuell anzeigen
Als Alternative zur Verwendung eines WordPress-Plugins zur Anzeige von Facebook-Fotos auf Ihrer Website können Sie Ihre Fotos auch manuell einbetten.
Dies ist eine gute Wahl, wenn Sie kein WordPress-Plugin verwenden möchten und Erfahrung mit der Bearbeitung von JavaScript und anderen Programmiersprachen haben.
Wenn Sie sich mit diesem Ansatz jedoch nicht wohl fühlen, empfehlen wir Ihnen, die oben beschriebene einfachere Methode anzuwenden.
Einer der Nachteile des manuellen Hinzufügens von Facebook-Fotos zu WordPress ist, dass es nicht so benutzerfreundlich ist.
Facebook Feed Pro importiert automatisch Facebook-Fotos und stellt sie in einem benutzerfreundlichen Raster dar. Wenn die Nutzer dann auf jedes Bild klicken, können Sie die Bildunterschriften und weitere Details sehen.
Wenn Sie jedoch kein WordPress-Plugin verwenden, müssen Sie bei der manuellen Methode die einzelnen Facebook-Posts mit den Fotos, die Sie anzeigen möchten, suchen. Anstelle einer schönen Galerie betten Sie dann einen einzelnen Facebook-Post ein.
Schauen wir uns an, wie das funktioniert.
Rufen Sie zunächst die Facebook-Entwickler-Website auf und wählen Sie die Option Eingebettete Beiträge".
Geben Sie als Nächstes die URL des Facebook-Posts ein, der das Foto enthält, das Sie zu Ihrer Website hinzufügen möchten. Sie können den gesamten Beitrag oder das Bild des Beitrags einfügen, indem Sie auf das Kontrollkästchen klicken.
Klicken Sie nun auf die Schaltfläche Code holen, um ein Popup-Fenster mit den Einbettungscodes für Ihre Website zu öffnen.
To embed your post in WordPress, copy the first section of code, and paste it into your site’s header.php file after the opening <body> tag.
Wenn Sie ein modernes WordPress-Theme verwenden, können Sie dies möglicherweise über das WordPress-Anpassungspanel tun, wie unten gezeigt. Wenn das der Fall ist, fügen Sie den Code in das Feld "Kopfzeile" ein und speichern Sie Ihre Änderungen.
Kopieren Sie nun den zweiten Abschnitt des Codes und erstellen Sie eine neue Seite in WordPress.
Wenn Sie den Block-Editor verwenden, fügen Sie einen neuen Block hinzu, indem Sie auf das Plus-Symbol (+) klicken. Wählen Sie dann unter dem Abschnitt Formatierung den benutzerdefinierten HTML-WordPress-Block.
Fügen Sie den Code zum Einbetten Ihres Facebook-Fotos direkt in den benutzerdefinierten HTML-Block ein und veröffentlichen Sie Ihre Seite.
Wenn Sie Ihre Live-Seite besuchen, sieht sie ähnlich aus wie das folgende Beispiel.
Der beste Weg, Facebook-Fotos in WordPress anzuzeigen
Wie Sie sehen, erhalten Sie durch das manuelle Einbetten von Facebook-Fotos auf Ihrer Website nicht das ausgefeilte, benutzerfreundliche Design, das Sie mit einem WordPress-Plugin erreichen können.
Außerdem ist die Anzahl der Fotos, die Sie zeigen können, auf die Anzahl der Fotos beschränkt, die im ursprünglichen Beitrag enthalten sind.
Mit dem Facebook-Plugin von Smash Balloon hingegen können Sie so viele Fotos wie Sie möchten in mehreren Facebook-Feeds auf Ihrer Website anzeigen .
Auf diese Weise können Sie die Interaktion zwischen Ihnen und Ihren Website-Besuchern erhöhen und mehr Likes erhalten, indem Sie dynamische Facebook-Inhalte direkt auf Ihrer Website anzeigen.
Worauf warten Sie also noch?
Klicken Sie hier, um noch heute mit Facebook Feeds Pro von Smash Balloon loszulegen!
Außerdem kann das Plugin viel mehr als nur Facebook-Fotos einbetten.
Sie können sich auch unseren Leitfaden ansehen, wie Sie Facebook-Videos in WordPress einbetten und Ihre Website noch attraktiver gestalten können.
Möchten Sie wissen, wie Sie Inhalte aus sozialen Medien auf Ihrer Website einfügen können? Hier erfahren Sie , wie Sie Social-Media-Feed-Widgets in WordPress einbetten.
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns auf Twitter und Facebook folgen, um weitere hilfreiche Anleitungen zu erhalten.
