So betten Sie Facebook-Alben in WordPress ein

Möchten Sie Facebook-Alben in WordPress einbetten?

Das Einbetten von Facebook-Alben ist eine großartige Möglichkeit, um mehr Engagement sowohl auf Ihrer WordPress-Website als auch auf Ihrer Facebook-Seite zu erzielen. Es kann auch Ihre Social-Media-Gefolgschaft vergrößern.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Facebook-Alben in WordPress einbetten können.

Einbetten eines Facebook-Albums in WordPress

Das Anzeigen von Alben auf Ihrer WordPress-Website kann Ihre Seiten ansprechender machen.

Wenn Sie weitere Fotos zu Facebook hinzufügen, werden diese automatisch auf Ihrer Website angezeigt. Dies ist also auch eine großartige Möglichkeit, Ihre Website auf dem neuesten Stand zu halten, selbst für regelmäßige Besucher.

Sie können sogar eingebettete Alben verwenden, um für Ihre Facebook-Seite zu werben. Wenn Besucher viele interessante Fotos sehen, möchten sie Ihnen auf Facebook folgen. Dies kann Ihnen einige zusätzliche Follower und mehr Engagement bringen.

WordPress hatte früher eine integrierte Einbettungsunterstützung für Facebook-Alben. Genau wie Sie ein YouTube-Video einbetten, können Sie einfach die URL eines beliebigen Facebook-Albums kopieren und einfügen, und WordPress zeigt dieses Album automatisch an.

Allerdings haben Facebook und Instagram inzwischen Änderungen an ihrer API vorgenommen. Diese Änderungen machen es WordPress unmöglich, die oEmbed-Unterstützung für Facebook und Instagram fortzusetzen.

Wenn Sie versuchen, einen Link zu einem Album einzubetten, wird Ihnen WordPress mitteilen, dass „Dieser Inhalt konnte nicht eingebettet werden.“

Glücklicherweise gibt es eine Möglichkeit, Facebook- und Instagram-Einbettungen in WordPress mithilfe eines Plugins zu reparieren.

Sehen wir uns an, wie Sie Facebook-Alben einfach in WordPress einbetten können, einschließlich der Anzeige eines bestimmten Albums auf jeder Seite oder in jedem Beitrag.

Installieren eines Facebook-Album-Plugins

Der beste Weg, Facebook-Alben in WordPress einzubetten, ist die Verwendung des Smash Balloon Custom Facebook Feed-Plugins.

Mit diesem Plugin können Sie Facebook-Alben, Kommentare, Rezensionen, Community-Beiträge und mehr auf Ihrer Website anzeigen.

Außerdem können sich Besucher Ihre Fotos und Bilder genauer ansehen, ohne Facebook besuchen zu müssen, indem sie ein Lightbox-Popup auf Ihrer Website öffnen.

In diesem Handbuch verwenden wir die Pro-Version von Smash Balloon, da Sie damit Facebook-Alben einbetten, Videos anzeigen, Fotos in einem benutzerdefinierten Facebook-Feed anzeigen und vieles mehr können. Es gibt jedoch auch eine kostenlose Version, mit der Sie unabhängig von Ihrem Budget einen benutzerdefinierten Facebook-Feed für WordPress erstellen können.

Als erstes müssen Sie das Smash Balloon Custom Facebook Feed Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie zu Facebook Feed » Einstellungen gehen und Ihren Lizenzschlüssel in das Feld „Lizenzschlüssel“ eingeben.

Sie finden diese Informationen unter Ihrem Konto auf der Smash Balloon-Website.

Klicken Sie nach Eingabe des Schlüssels auf die Schaltfläche „Aktivieren“.

Verbinden Sie Ihre Facebook-Seite oder -Gruppe mit WordPress

Mit Smash Balloon Custom Facebook Feed können Sie Alben von Ihren verschiedenen Facebook-Seiten und -Gruppen einbetten. Sie können sogar die neuesten Kommentare in einem Dropdown-Feld unter dem Foto zusammen mit den Likes und Shares anzeigen.

Um Ihre Facebook-Seite oder -Gruppe mit WordPress zu verbinden, gehen Sie zu Facebook-Feed » Alle Feeds und klicken Sie dann auf „Neu hinzufügen“.

Mit Smash Balloon können Sie Beiträge aus Ihren Fotoalben, Ihrer Chronik, Ereignissen und mehr anzeigen.

Um Ihre Facebook-Alben einzubetten, müssen Sie auf „Alben“ und dann auf „Weiter“ klicken.

Jetzt müssen Sie die Facebook-Seite oder -Gruppe auswählen, von der Sie die Alben erhalten.

Klicken Sie zunächst auf „Neu hinzufügen“.

Wählen Sie auf dem nächsten Bildschirm aus, ob Sie Alben von einer Seite oder Gruppe anzeigen möchten.

Klicken Sie danach einfach auf „Mit Facebook verbinden“.

Dies öffnet ein Popup, in dem Sie sich bei Ihrem Facebook-Konto anmelden und die Seiten oder Gruppen auswählen können, von denen Sie Alben einbetten möchten.

Nachdem Sie diese Entscheidung getroffen haben, klicken Sie auf „Weiter“.

Sobald Sie dies getan haben, zeigt Facebook alle Informationen an, auf die Smash Balloon Zugriff hat, und die Aktionen, die es ausführen kann.

Um den Zugriff von Smash Balloon auf Ihr Facebook-Konto einzuschränken, klicken Sie einfach auf einen der Schalter, um ihn von „Ja“ auf „Nein“ zu stellen. Beachten Sie jedoch, dass dies Auswirkungen auf die Alben und Fotos haben kann, die Sie in Ihren WordPress-Blog oder Ihre Website einbetten können.

Vor diesem Hintergrund empfehlen wir, alle Schalter aktiviert zu lassen.

Wenn Sie fertig sind, klicken Sie auf „Fertig“.

Nach ein paar Augenblicken solltest du eine Nachricht sehen, die bestätigt, dass du deine WordPress-Website mit Facebook verbunden hast. Wenn das erledigt ist, ist es an der Zeit, auf „OK“ zu klicken.

Smash Balloon bringt Sie jetzt automatisch zurück zum WordPress-Dashboard.

So betten Sie Facebook-Alben in WordPress ein

Sie sehen nun ein Popup mit der Gruppe oder Seite, die Sie gerade mit Ihrer Website verknüpft haben. Wählen Sie einfach das Optionsfeld neben Ihrer Quelle aus und klicken Sie dann auf die Schaltfläche „Hinzufügen“.

Wenn Sie das Popup versehentlich geschlossen haben, geraten Sie nicht in Panik. Sie können die Registerkarte einfach aktualisieren, um das Popup erneut zu öffnen.

Danach bringt Sie WordPress automatisch zurück zur Seite „Facebook-Feed » Alle Feeds“ . Klicken Sie wie zuvor auf die Schaltfläche „Neu hinzufügen“, wählen Sie „Alben“ und klicken Sie dann auf die Schaltfläche „Weiter“.

Wählen Sie nun Ihre Facebook-Seite oder -Gruppe aus und klicken Sie auf „Weiter“.

Auf diesem Bildschirm können Sie die Vorlage auswählen, die Sie als Ausgangspunkt für Ihren Feed verwenden möchten. Alle diese Vorlagen sind vollständig anpassbar, sodass Sie das Design je nachdem, wie Sie die Facebook-Alben auf Ihrer Website anzeigen möchten, anpassen können.

Wir verwenden die Standardvorlage, aber Sie können eine beliebige Vorlage auswählen.

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

Smash Balloon wird nun fortfahren und basierend auf Ihrer Quelle und der von Ihnen gewählten Vorlage einen Album-Feed erstellen. Das ist ein guter Anfang, aber vielleicht möchten Sie die Darstellung der Alben auf Ihrer WordPress-Website optimieren.

So passen Sie Ihre eingebetteten Facebook-Alben an

Das Smash Balloon Custom Facebook Feed-Plugin bietet Ihnen viele Möglichkeiten, die Anzeige der Alben anzupassen. Vor diesem Hintergrund lohnt es sich zu sehen, welche Änderungen Sie vornehmen können.

Suchen Sie auf dem Bildschirm „Facebook-Feed » Alle Feeds“ nach Ihrem Album-Feed und klicken Sie dann auf die Schaltfläche „Bearbeiten“, die wie ein kleiner Bleistift aussieht.

Dadurch wird der Smash Ballon-Feed-Editor geöffnet, der rechts eine Vorschau Ihrer Facebook-Alben anzeigt.

Auf der linken Seite sehen Sie alle verschiedenen Einstellungen, mit denen Sie anpassen können, wie diese Alben auf Ihrer Website erscheinen. Die meisten dieser Einstellungen sind selbsterklärend, aber wir werden schnell einige Schlüsselbereiche behandeln.

Zunächst können Sie ändern, wie die Alben angezeigt werden, indem Sie auf „Feed-Layout“ klicken.

Auf diesem Bildschirm können Sie zwischen verschiedenen Layouts wie Mauerwerk und Gitter wechseln und die Einzugshöhe ändern. Wenn Sie Änderungen vornehmen, wird die Vorschau automatisch aktualisiert, sodass Sie verschiedene Einstellungen ausprobieren können, um zu sehen, was am besten aussieht.

Standardmäßig zeigt der Feed die gleiche Anzahl von Beiträgen auf Desktop-Computern und Mobilgeräten wie Smartphones an.

Mit der Reihe von Schaltflächen in der oberen rechten Ecke können Sie eine Vorschau anzeigen, wie Ihre Alben auf Desktop-Computern, Tablets und Smartphones aussehen werden.

Mobilgeräte haben in der Regel kleinere Bildschirme und weniger Rechenleistung, sodass Sie möglicherweise weniger Alben auf Tablets und Smartphones anzeigen möchten.

Geben Sie dazu einfach eine andere Nummer in das Feld „Mobile“ unter „Number of Posts“ ein.

Indem Sie verschiedene Layouts ausprobieren, können Sie einen benutzerdefinierten Feed erstellen, der großartig aussieht, egal welches Gerät der Besucher verwendet.

Standardmäßig zeigt der Facebook-Feed auf Smartphones und Tablets im Vergleich zu Desktop-Computern weniger Spalten an. Dadurch passen all Ihre Alben und Fotos bequem auf kleinere Bildschirme.

Nachdem Sie die mobile Version Ihrer WordPress-Website getestet haben, sind Sie möglicherweise mit der Darstellung der Spalten auf Smartphones und Tablets unzufrieden. Wenn dies der Fall ist, können Sie weniger Spalten anzeigen, indem Sie die Zahlen im Abschnitt "Spalten" ändern.

Wenn Sie mit den vorgenommenen Änderungen zufrieden sind, klicken Sie auf den Link „Anpassen“.

Dies bringt Sie zurück zum Smash Balloon-Haupteditor, wo Sie den nächsten Einstellungsbildschirm erkunden können, nämlich „Farbschema“.

Standardmäßig verwendet Smash Balloon ein von Ihrem WordPress-Theme geerbtes Farbschema, aber dieser Bildschirm ermöglicht es Ihnen, zu einem „hellen“ oder „dunklen“ Aussehen zu wechseln.

Sie können auch Ihr eigenes Farbschema erstellen, indem Sie „Benutzerdefiniert“ auswählen und dann die Steuerelemente verwenden, um die Hintergrundfarbe zu ändern, die Textfarbe in WordPress zu ändern und mehr.

Standardmäßig fügt Smash Balloon Ihrem Feed eine Kopfzeile hinzu, die Ihr Facebook-Profilbild und den Namen der Seite oder Gruppe enthält.

Um das Aussehen dieses Abschnitts zu ändern, klicken Sie im linken Menü auf „Kopfzeile“.

Auf diesem Bildschirm können Sie die Größe der Kopfzeile und ihre Farbe ändern, Ihr Facebook-Profilbild ein- oder ausblenden und vieles mehr.

Wenn Sie die Kopfzeile vollständig entfernen möchten, klicken Sie, um den Schalter „Aktivieren“ zu deaktivieren.

Standardmäßig zeigt Smash Balloon den Titel jedes Albums an. Wenn Sie den Titel ausblenden möchten, wählen Sie im Hauptmenü des Smash Balloon-Editors „Beiträge“.

Klicken Sie dann auf „Post-Stil“.

Hier können Sie die Albumtitel entfernen, indem Sie auf den Schieberegler „Albumtitel anzeigen“ klicken.

Dies kann nützlich sein, wenn Ihre Albumtitel die Aufmerksamkeit von den Fotos ablenken oder wenn sie auf Ihrer Website eingebettet sind, keinen Sinn ergeben.

Auf diesem Bildschirm können Sie auch auswählen, ob angezeigt werden soll, wie viele Fotos sich in jedem Album befinden.

Um diese Zahl hinzuzufügen, klicken Sie einfach auf den Schalter „Anzahl der Beiträge im Album“.

Standardmäßig fügt Smash Balloon die Facebook-Schaltfläche „Gefällt mir“ nicht in Ihren Feed ein. Um mehr Facebook-Follower zu bekommen, möchten Sie vielleicht diese Schaltfläche hinzufügen, indem Sie im linken Menü des Editors „Gefällt mir“ auswählen.

Klicken Sie danach einfach auf die Schaltfläche „Aktivieren“, sodass sie blau wird.

Standardmäßig fügt Smash Balloon diese Schaltfläche unter Ihren eingebetteten Fotoalben hinzu, aber Sie können dies ändern, indem Sie das Dropdown-Menü „Position“ öffnen und „Oben“ auswählen.

Auf diesem Bildschirm können Sie auch das Aussehen des Abschnitts „Gefällt mir“ ändern, indem Sie beispielsweise einen benutzerdefinierten Aufruf zum Handeln hinzufügen, anzeigen, wie viele Personen Ihnen auf Facebook folgen, und vieles mehr.

Wenn Sie mit dem Aussehen der „Gefällt mir“-Schaltfläche zufrieden sind, können Sie zum Bildschirm „Weitere Schaltfläche laden“ wechseln.

Die Schaltfläche „Mehr laden“ ermutigt Besucher, durch mehr von Ihrem Facebook-Feed zu scrollen, sodass Smash Balloon es standardmäßig zu Ihren eingebetteten Fotoalben hinzufügt.

Da es sich um eine so wichtige Schaltfläche handelt, können Sie dazu beitragen, dass „Mehr laden“ hervorsticht, indem Sie die Hintergrundfarbe, die Textfarbe und die Beschriftung ändern.

Eine andere Möglichkeit besteht darin, die Schaltfläche vollständig zu entfernen, indem Sie auf den Schalter „Aktivieren“ klicken.

Standardmäßig ermöglicht Smash Balloon Besuchern, Ihre Facebook-Alben zu durchsuchen, ohne Ihre Website zu verlassen.

Sie können einfach auf ein beliebiges Album klicken, um eine Lightbox zu öffnen, wie Sie im folgenden Bild sehen können.

Der Besucher kann dann mit den Pfeilen durch das Album blättern.

Wenn sie ein Foto mögen, einen Kommentar hinterlassen oder das Bild mit ihren Facebook-Freunden teilen möchten, können sie auf den Link „Auf Facebook ansehen“ klicken.

Es gibt verschiedene Möglichkeiten, die Standard-Lightbox anzupassen.

Um Ihre Optionen anzuzeigen, klicken Sie im linken Menü auf „Lightbox“.

Hier können Sie die Farbe des Textes, der Links und der Hintergrundfarben der Lightbox ändern.

Die Lightbox-Funktion macht es den Leuten leicht, mit Ihren Fotos zu interagieren, aber sie ermöglicht es den Leuten auch, durch Ihre Alben zu scrollen, ohne Ihre Facebook-Seite zu besuchen. Wenn Sie mehr Besucher auf Ihre Facebook-Seite bekommen möchten, können Sie die Lightbox-Funktion deaktivieren, indem Sie auf den Schalter „Aktivieren“ klicken.

Wenn ein Besucher jetzt auf ein Album klickt, wird er in einem neuen Tab auf Ihre Facebook-Seite weitergeleitet.

Wenn Sie mit dem Aussehen der Fotoalben zufrieden sind, vergessen Sie nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Sie können diese Alben jetzt zu Ihrer WordPress-Website hinzufügen.

So fügen Sie Facebook-Alben zu WordPress hinzu

Sie können Ihre Facebook-Alben mithilfe eines Blocks, Widgets oder Shortcodes zu WordPress hinzufügen.

Wenn Sie mehr als einen Feed mit Smash Balloon erstellt haben, müssen Sie den Code des Feeds kennen, wenn Sie einen Block oder ein Widget verwenden möchten.

Gehen Sie einfach zu Facebook Feed » Alle Feeds und sehen Sie sich dann den Teil feed="" des Shortcodes an. Sie müssen diesen Code zum Block oder Widget hinzufügen, also notieren Sie ihn.

Im folgenden Bild müssen wir feed="4" verwenden.

Wenn Sie Ihre Facebook-Alben in eine Seite oder einen Beitrag einbetten möchten, verwenden Sie normalerweise den Block Benutzerdefinierter Facebook-Feed.

Öffnen Sie einfach die Seite oder den Beitrag, wo Sie Ihre Alben einbetten möchten. Klicken Sie dann auf das „+“-Symbol, um einen neuen Block hinzuzufügen, und beginnen Sie mit der Eingabe von „Benutzerdefinierter Facebook-Feed“.

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn Ihrer Seite oder Ihrem Beitrag hinzuzufügen.

Der Block zeigt standardmäßig einen deiner Smash Balloon-Feeds an. Wenn Sie stattdessen einen anderen Feed verwenden möchten, suchen Sie einfach im Menü auf der rechten Seite nach „Shortcode-Einstellungen“.

Sie können diesem Feld jetzt den Code feed="" hinzufügen. Klicken Sie danach auf „Änderungen übernehmen“.

Der Block zeigt nun die Alben Ihrer Facebook-Seite oder -Gruppe an. Veröffentlichen oder aktualisieren Sie einfach die Seite, um die Alben auf Ihrer Website live zu schalten.

Eine weitere Option besteht darin, den Feed zu jedem Widget-bereiten Bereich hinzuzufügen, z. B. der Seitenleiste oder einem ähnlichen Abschnitt. Dadurch können Besucher Ihre Facebook-Fotos von jeder Seite Ihrer Website aus sehen.

Gehen Sie einfach zu Aussehen » Widgets im WordPress-Dashboard und klicken Sie dann auf die blaue Schaltfläche „+“.

Sobald Sie das getan haben, suchen Sie das benutzerdefinierte Facebook-Feed-Widget.

Ziehen Sie es dann einfach auf den Bereich, in dem Sie den Feed anzeigen möchten.

Das Widget zeigt einen der Feeds, die Sie mit Smash Balloon erstellt haben.

Um stattdessen einen anderen Feed anzuzeigen, geben Sie den Code des Feeds in das Feld „Shortcode-Einstellungen“ ein und klicken Sie dann auf „Änderungen übernehmen“.

Sie können jetzt auf die Schaltfläche „Aktualisieren“ klicken, um das Widget live zu schalten. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Hinzufügen und Verwenden von Widgets in WordPress.

Schließlich können Sie Ihre Alben auf jeder Seite, jedem Post oder Widget einbetten, die bereit sind, Shortcode zu verwenden.

Gehen Sie einfach zu Facebook Feed » Alle Feeds und kopieren Sie den Code in die Spalte „Shortcode“. Sie können diesen Code jetzt zu Ihrer Website hinzufügen.

Weitere Informationen finden Sie in unserer ausführlichen Anleitung zum Hinzufügen eines Shortcodes in WordPress.

Fügen Sie ein bestimmtes Facebook-Album in WordPress hinzu

Mit Smash Balloon können Sie auch ein bestimmtes Facebook-Album irgendwo auf Ihrer WordPress-Seite einbetten. Auf diese Weise können Sie Besuchern Ihr neuestes oder bestes Album zeigen oder ein Album anzeigen, das für den restlichen Inhalt der Seite relevant ist.

Um ein bestimmtes Facebook-Album einzubetten, müssen Sie die Album-Erweiterung kaufen und installieren, indem Sie zu Facebook-Feed » Erweiterungen gehen.

Suchen Sie hier die Erweiterung „Album“ und klicken Sie auf die Schaltfläche „Hinzufügen“.

Dadurch wird die Smash Ballon-Website in einem neuen Tab geöffnet, mit Anweisungen zum Kauf der Erweiterung.

Sobald Sie die Erweiterung haben, können Sie sie genauso installieren, wie Sie ein Plugin installieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Gehen Sie nach der Aktivierung des Plugins zu Facebook Feed » Alle Feeds und klicken Sie auf „Neu hinzufügen“.

Wählen Sie unter „Erweiterte Feedtypen“ die Option „Einzelnes Album“ aus und klicken Sie dann auf „Weiter“.

Sie können nun die Seite oder Gruppe auswählen, die Sie als Quelle verwenden möchten, und eine Vorlage auswählen, indem Sie dem oben beschriebenen Verfahren folgen.

Auf der nächsten Seite müssen Sie die ID des Albums eingeben, das Sie einbetten möchten.

Öffnen Sie in einem neuen Tab einfach das Facebook-Album, das Sie anzeigen möchten.

Sie können jetzt die Zahlen nach dem Symbol = und zwischen die ersten beiden Punkte kopieren. Im folgenden Bild müssen wir beispielsweise 447443907512397 kopieren.

Sie können diese Zahlen jetzt in das WordPress-Dashboard einfügen.

Klicken Sie danach auf „Weiter“ und Smash Balloon holt das Album.

Danach können Sie das Album gestalten und es Ihrer Website hinzufügen, indem Sie den gleichen Vorgang wie oben beschrieben befolgen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Facebook-Alben in WordPress einbettet. Vielleicht möchten Sie auch unseren Leitfaden zum Erstellen eines benutzerdefinierten Instagram-Foto-Feeds in WordPress und zum Erstellen eines E-Mail-Newsletters lesen, um sich mit Ihren Besuchern zu verbinden, nachdem sie Ihre Website verlassen haben.

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