So betten Sie ein Facebook-Video in WordPress ein (4 Wege, kostenlos und kostenpflichtig) 

Sie haben ein erfolgreiches Facebook-Video und möchten es auf Ihrer eigenen Website haben. Die Sorge ist, dass es Ihr Layout zerstört oder die Seitenladezeit verlangsamt.

Der gute Teil ist, dass Sie ein Facebook-Video auf vier Arten in WordPress einbetten können, kostenlos und kostenpflichtig. In diesem Leitfaden führe ich Sie durch jede einzelne, damit Sie die Methode auswählen können, die zu Ihrem Video, Ihrer Website und Ihrem Budget passt.

So wählen Sie die richtige Methode aus

Jede Methode löst ein anderes Problem, daher ist der schnellste Weg zur Auswahl, sie an das anzupassen, was Sie tun möchten.

Methode	Am besten für	Plugin benötigt?
Nativer Embed-Block	Ein schnelles Video, kostenlos, ohne Plugin	Nein
SeedProd	Volle Kontrolle über das Aussehen der Seite und des Videos	Ja (SeedProd)
Facebook-Feed-Plugin	Ein sich automatisch aktualisierender Feed mit vielen Videos	Ja (Smash Balloon)
Manueller iFrame-Code	Ein Video, kein Plugin, grundlegendes Styling	Nein

Kann man ein Facebook-Video auf WordPress einbetten?

Ja, Sie können ein Facebook-Video in WordPress einbetten, und das Video muss öffentlich sein, damit die Einbettung für Ihre Besucher funktioniert.

Die einfachsten Wege nutzen ein WordPress-Plugin mit einem integrierten Videoplayer. Später in diesem Leitfaden stelle ich Ihnen zwei der besten WordPress-Plugins für diese Aufgabe vor, plus eine kostenlose Option ohne Plugin.

So betten Sie ein Facebook-Video mit SeedProd in WordPress ein

Mit SeedProd können Sie ein Facebook-Video auf einer Seite platzieren und genau steuern, wie es aussieht, ohne Code anfassen zu müssen. Es ist ein Drag-and-Drop-Website-Builder für WordPress mit einem integrierten Facebook-Video-Embed-Block.

Ich verwende SeedProd auf meinen eigenen Websites, daher ist dies die Methode, zu der ich greife, wenn ich möchte, dass das Video in ein richtiges Seitendesign passt. Sie können die Einbettung während der Erstellung live sehen, was viel Rätselraten erspart.

Schritt 1. SeedProd installieren und aktivieren

Installieren und aktivieren Sie zunächst das SeedProd-Plugin auf Ihrer WordPress-Website.

Für dieses Tutorial verwende ich SeedProd, da sich der Facebook-Video-Embed-Block im Advanced Blocks-Panel befindet, das auch Feeds und Live-Streams abdeckt.

Wenn Sie Hilfe benötigen, folgen Sie der Schritt-für-Schritt-Installationsanleitung in der SeedProd-Dokumentation.

Schritt 2. Wählen Sie eine Landingpage oder ein Theme-Template

Nach der Aktivierung von SeedProd müssen Sie eine Vorlage auswählen, die als Grundlage für Ihr Design dient. SeedProd bietet Ihnen zwei Optionen, die beide Facebook-Video-Einbettungen unterstützen:

• Theme Builder: Beginnen Sie mit einem kompletten WordPress-Website-Kit und passen Sie jede Seite und jedes Template an.
• Landing Page Builder: Erstellen Sie eine einzelne Seite, die mit Ihrem bestehenden WordPress-Theme funktioniert.

In diesem Leitfaden verwende ich den Landing Page Builder, da dies der schnellste Weg ist, ein Facebook-Video zu einer Seite hinzuzufügen. Gehen Sie von Ihrem WordPress-Dashboard aus zu SeedProd » Landing Pages und klicken Sie auf Neue Landingpage hinzufügen.

Schritt 3. Passen Sie Ihr Template im SeedProd Builder an

Wählen Sie als Nächstes eine Vorlage, die Ihrem Seitenziel entspricht. SeedProd bietet Dutzende von professionell gestalteten Vorlagen, die Sie vollständig anpassen können. Wählen Sie also eine aus, die dem gewünschten Layout nahe kommt.

Sobald Sie die Vorlage ausgewählt haben, wird sie im Drag-and-Drop-Builder von SeedProd geöffnet. Sie sehen eine Live-Vorschau Ihrer Seite auf der rechten Seite und ein Panel mit Inhaltsblöcken und Einstellungen auf der linken Seite.

Klicken Sie auf ein beliebiges Element in der Vorschau, z. B. eine Überschrift oder ein Bild, um Text, Farben, Schriftarten und Abstände zu ändern. Diese schnellen Bearbeitungen helfen Ihnen, Ihre Marke anzupassen, bevor Sie Ihre Facebook-Video-Einbettung hinzufügen.

Schritt 4. Fügen Sie den Facebook-Video-Embed-Block in WordPress hinzu

Jetzt ist es an der Zeit, Ihr Facebook-Video einzubetten. Öffnen Sie im SeedProd-Builder das Bedienfeld „Erweiterte Blöcke“ auf der linken Seite und ziehen Sie den Block Facebook-Video-Einbettung an die Stelle, an der das Video erscheinen soll.

Klicken Sie auf den Block, um seine Einstellungen zu öffnen. Fügen Sie die URL Ihres Facebook-Videos in das Feld Video-Link ein, und eine Live-Vorschau wird sofort angezeigt.

Sie können Optionen wie Autoplay, Vollbild oder Untertitel für ein besseres Seherlebnis aktivieren.

Dieser Block unterstützt alle Arten von Facebook-Inhalten, einschließlich einzelner Videos, Live-Streams und Videoplaylists, sodass Sie einbetten können, was auch immer zu Ihrer Seite passt.

Schritt 5. Veröffentlichen Sie Ihre Facebook-Video-Seite

Wenn Sie mit dem Design zufrieden sind, klicken Sie im SeedProd-Builder auf das Symbol für die mobile Vorschau, um sicherzustellen, dass Ihre Facebook-Video-Seite auf Mobiltelefonen und Tablets gut aussieht.

Wenn Sie etwas anpassen müssen, wie z. B. Schriftgröße oder Abstände, können Sie die mobile Ansicht separat bearbeiten. Dies stellt sicher, dass Ihr eingebettetes Video auf allen Geräten reibungslos geladen und abgespielt wird.

Wenn alles bereit ist, klicken Sie auf Veröffentlichen.

Ihre Facebook-Video-Seite ist jetzt live, und Besucher können Ihr Video direkt von Ihrer WordPress-Website aus ansehen, liken und teilen.

So betten Sie Facebook-Videos mit einem Video-Feed-Plugin in WordPress ein

Wenn Sie mehrere Facebook-Videos oder einen vollständigen Video-Feed auf Ihrer WordPress-Website anzeigen möchten, ist ein Plugin die beste Option. Custom Facebook Feed Pro von Smash Balloon ist die Top-Wahl, da es automatisch Ihre neuesten Facebook-Videos, Playlists und Live-Streams abruft.

Mit diesem Plugin können Sie Facebook-Videos überall auf Ihrer WordPress-Website einbetten, und Ihr Feed wird automatisch aktualisiert, wenn Sie neue Inhalte auf Facebook posten. Es ist ein Tool, das ich aus dem WordPress-Ökosystem gut kenne, und Sie können meine vollständige Smash Balloon-Rezension lesen, wenn Sie die Details erfahren möchten.

Schritt 1. Installieren und Aktivieren des Custom Facebook Feed Pro Plugins

Um zu beginnen, installieren und aktivieren Sie das Custom Facebook Feed Pro-Plugin von Smash Balloon. Gehen Sie von Ihrem WordPress-Dashboard zu Plugins » Neu hinzufügen, laden Sie die Plugin-Zip-Datei hoch und klicken Sie auf Jetzt installieren, dann auf Aktivieren.

Gehen Sie als Nächstes zu Facebook Feed » Einstellungen und geben Sie Ihren Smash Balloon Lizenzschlüssel ein. Sie finden Ihren Schlüssel in Ihrem Smash Balloon-Konto.

Schritt 2. Verbinden Sie Ihr Facebook-Konto mit WordPress

Nun müssen Sie Ihr Facebook-Konto verbinden, damit das Plugin Ihre Videos abrufen kann. Gehen Sie in Ihrem WordPress-Dashboard zu Facebook Feed » Alle Feeds und klicken Sie auf Neu hinzufügen.

Wählen Sie auf dem nächsten Bildschirm den Feed-Typ Videos und klicken Sie auf Weiter. Wählen Sie dann aus, ob Sie eine Facebook-Seite oder eine Gruppe verbinden möchten.

Klicken Sie auf Neu hinzufügen, melden Sie sich bei Ihrem Facebook-Konto an und erteilen Sie die angeforderten Berechtigungen. Dies ermöglicht dem Plugin den Zugriff auf Ihre Videos, Playlists und Live-Streams zum Einbetten auf Ihrer WordPress-Seite.

Schritt 3. Erstellen Sie das Layout Ihres Facebook-Video-Feeds

Sobald Ihr Facebook-Konto verbunden ist, werden Sie von Smash Balloon aufgefordert, das Layout Ihres Video-Feeds einzurichten. Beginnen Sie mit der Auswahl der Facebook-Seite oder -Gruppe, die Sie gerade verknüpft haben, und klicken Sie dann auf Weiter.

Wählen Sie nun ein Feed-Theme und einen Layout-Stil. Sie können zwischen Gitter, Karussell, Masonry oder einem Vollbild-Video-Feed wählen. Jede Option ist vollständig responsiv und funktioniert mit jedem WordPress-Theme.

Wenn Sie Videos aus einer bestimmten Playlist anzeigen möchten, können Sie die Playlist-URL einfügen, bevor Sie fortfahren. Andernfalls enthält der Feed alle Videos von Ihrer ausgewählten Facebook-Seite oder -Gruppe.

Schritt 4. Passen Sie Ihre Facebook-Videos an

Nachdem Ihr Feed-Layout eingerichtet ist, können Sie anpassen, wie Ihre Facebook-Videos auf Ihrer Seite aussehen. Klicken Sie auf das Stiftsymbol neben Ihrem Feed, um den Smash Balloon Feed-Editor zu öffnen.

Im linken Bereich können Sie die Vorlage, das Theme, das Farbschema und den Layout-Abstand anpassen. Darunter können Sie Elemente wie Header, Beitragsdetails, Like-Boxen und Lightbox-Einstellungen anpassen, um sie an Ihre Marke anzupassen.

Jede Änderung wird sofort in der Vorschau aktualisiert, sodass Sie Ihren Feed verfeinern können, bis er perfekt zu Ihrer Seite passt. Wenn Sie zufrieden sind, klicken Sie auf Speichern, um Ihre Einstellungen zu übernehmen.

Schritt 5. Betten Sie Ihre Facebook-Videos in WordPress ein

Sobald Ihr Feed bereit ist, können Sie ihn überall auf Ihrer WordPress-Seite einbetten. Klicken Sie im Smash Balloon Feed-Editor auf die Schaltfläche Einbetten in der oberen rechten Ecke.

Sie sehen drei Optionen: den Feed zu einer Seite hinzufügen, zu einem Widget-Bereich oder einen Shortcode verwenden. Wählen Sie die Methode, die am besten zu Ihrer Website passt.

Wenn Sie den Feed auf einer Seite einbetten möchten, können Sie die Seite aus der Liste auswählen und auf Hinzufügen klicken. Öffnen Sie dann den WordPress-Block-Editor, fügen Sie den Custom Facebook Feed-Block hinzu und sehen Sie sich eine Vorschau Ihres Feeds an.

Sie können den Feed auch zu Ihrer Seitenleiste oder Fußzeile hinzufügen. Gehen Sie zu Darstellung » Widgets, fügen Sie den Custom Facebook Feed-Block zu einem Widget-Bereich hinzu und klicken Sie auf Speichern.

Ihr Facebook-Video-Feed ist jetzt live. Besucher können Ihre Videos direkt von Ihrer WordPress-Website aus ansehen, liken und teilen.

So betten Sie Facebook-Videos manuell in WordPress ein (ohne Plugin)

Wenn Sie nur ein einzelnes Facebook-Video in WordPress einbetten müssen, können Sie den integrierten iframe-Einbettungscode von Facebook verwenden. Diese Methode erfordert keine Plugins, bietet jedoch weniger Anpassungsoptionen und wird nicht aktualisiert, wenn Sie neue Videos veröffentlichen.

Eine Sache, die Sie wissen sollten: Der rohe Facebook-iframe hat eine feste Breite und ist nicht automatisch responsiv. Umschließen Sie ihn mit einem responsiven Container oder verwenden Sie die oben genannten SeedProd- oder Plugin-Methoden, wenn das mobile Layout wichtig ist.

Es ist ideal für einmalige Videos in einem Blogbeitrag oder einer Seite. Der gleiche Einfügeansatz funktioniert auch für eine Facebook-Reel, nicht nur für Standardvideos.

Schritt 1. Facebook-Video-Einbettungscode abrufen

Öffnen Sie zunächst das Facebook-Video, das Sie einbetten möchten. Klicken Sie unter dem Video auf die Schaltfläche Teilen und wählen Sie im Menü die Option Einbetten.

Facebook generiert einen iframe-Code. Klicken Sie auf Code abrufen, um ihn in Ihre Zwischenablage zu kopieren. Dies ist der Code, den Sie im nächsten Schritt in Ihren WordPress-Beitrag oder Ihre Seite einfügen.

Schritt 2. Einbettungscode in WordPress einfügen

Öffnen Sie als Nächstes den WordPress-Beitrag oder die Seite, auf der das Facebook-Video erscheinen soll. Fügen Sie im Block-Editor einen Block Benutzerdefiniertes HTML hinzu, an der Stelle, an der Sie das Video platzieren möchten.

Fügen Sie den von Facebook kopierten iframe-Einbettungscode in den HTML-Block ein. Klicken Sie dann auf die Registerkarte Vorschau, um zu sehen, wie Ihr Video aussehen wird.

Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf Veröffentlichen oder Aktualisieren, um das Video auf Ihrer Website live zu schalten.

So betten Sie ein Facebook-Video mit dem nativen WordPress-Embed-Block ein (kostenlos)

Der günstigste Weg ist der kostenlose Embed-Block, der bereits in WordPress integriert ist, ohne Plugin und ohne Code. Es lohnt sich, ihn zuerst auszuprobieren, wenn Sie nur ein Video in einem Beitrag oder einer Seite haben möchten.

Fügen Sie im Block-Editor einen Einbetten-Block hinzu, fügen Sie dann die öffentliche Facebook-Video-URL in eine eigene Zeile ein und drücken Sie die Eingabetaste. WordPress versucht, diesen Link automatisch in einen Player umzuwandeln.

Eine ehrliche Einschränkung: WordPress hat Facebook oEmbed nicht zuverlässig auf der Whitelist, daher schlägt die automatische Einbettung oft fehl. Wenn dies geschieht, ist der benutzerdefinierte HTML-iframe aus der obigen manuellen Methode Ihr Fallback.

Das ist der eigentliche Unterschied zu einem Feed-Plugin. Der native Block verarbeitet jeweils einen Link ohne Styling-Optionen, während ein Plugin wie Smash Balloon einen gestalteten Feed erstellt, der sich selbst aktualisiert. Wenn Sie mehr Kontrolle über eine einzelne Einbettung wünschen, behandelt der Leitfaden zum Einbetten von Videos in WordPress auch die breiteren Blockoptionen.

FAQs zum Einbetten von Facebook-Videos in WordPress

Kann man ein Facebook-Video in WordPress einfach durch Einfügen der URL einbetten?

Manchmal. WordPress hat einen nativen Einbettungsblock, sodass Sie eine öffentliche Facebook-Video-URL in eine eigene Zeile einfügen können und diese möglicherweise automatisch in einen Player umgewandelt wird. Facebook oEmbed ist jedoch nicht zuverlässig auf der Whitelist, sodass Sie, wenn der Link als einfacher Text bleibt, stattdessen die benutzerdefinierte HTML-iframe-Methode verwenden sollten.

Warum wird mein Facebook-Video nicht angezeigt, nachdem ich den Einbettungscode eingefügt habe?

Die häufigste Ursache ist die Privatsphäre. Das Video und die Seite, auf der es sich befindet, müssen beide öffentlich sein, sonst sehen Besucher es nicht, obwohl es für Sie sichtbar ist, während Sie angemeldet sind.

Der schnellste Test ist, die Seite in einem privaten Fenster zu öffnen, während Sie von Facebook abgemeldet sind. Wenn das Video dort leer ist, setzen Sie es auf öffentlich und versuchen Sie es erneut. Hier kann Engagement Ihre Absprungrate senken, da ein Video, das tatsächlich abgespielt wird, die Leute auf der Seite hält.

Wie bette ich ein Facebook Reel in WordPress ein?

Ein Facebook Reel wird genauso eingebettet wie ein Standardvideo. Fügen Sie die Reel-URL in den SeedProd Facebook Video Embed-Block ein oder holen Sie sich den iframe-Code aus dem Teilen-Menü des Reels und fügen Sie ihn in einen Custom HTML-Block ein. Das Reel muss öffentlich sein, damit die Einbettung funktioniert.

Betten Sie Ihr Facebook-Video noch heute ein

Dieses Video, das auf Facebook gut ankommt, kann jetzt auf Ihrer eigenen Website leben, ohne das Layout zu beeinträchtigen oder die Seite zu verlangsamen. Wählen Sie die Methode, die passt, sei es der kostenlose native Block, SeedProd, ein Feed-Plugin oder der manuelle iframe.

Hier sind einige weitere hilfreiche Tutorials, die Ihnen gefallen könnten:

• So fügen Sie Ihre Facebook-Seite zu WordPress hinzu
• So betten Sie Facebook-Veranstaltungen auf WordPress ein
• Facebook-Gewinnspielideen für Ihr Unternehmen
• So erstellen Sie ganz einfach eine Video-Landingpage
• So fügen Sie ein Twitter-Widget zu WordPress hinzu

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Konversation auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.