So betten Sie Facebook-Videos in WordPress ein (3 einfache Möglichkeiten)

Möchten Sie Facebook-Videos in WordPress einbetten?

Die Videos, die Sie auf Facebook posten, können auch spannende Inhalte für Ihre WordPress-Website ergeben. Durch das Einbetten von Facebook-Videos und Video-Feeds können Sie Ihrer WordPress-Site neue Inhalte hinzufügen und gleichzeitig Ihre Facebook-Follower vergrößern.

In dieser Anleitung zeigen wir Ihnen Schritt für Schritt drei einfache Möglichkeiten, ein Facebook-Video in WordPress einzubetten.

Das Sahnehäubchen? Das Hinzufügen eines Facebook-Videos zu WordPress ist mit den richtigen Tools unglaublich einfach. Klicken Sie also auf einen der folgenden Schnelllinks, um zu Ihrer bevorzugten Methode zu gelangen:

So betten Sie Facebook-Videos mit SeedProd in WordPress ein

Eine Möglichkeit, Videos zu Ihrer WordPress-Site hinzuzufügen, ist während der Design- und Entwicklungsphase. Beispielsweise möchten Sie möglicherweise ein Begrüßungsvideo auf Ihrer Homepage oder ein Erklärvideo auf einer Produkt-Landingpage einfügen.

Da Studien zeigen, dass die Integration von Videos auf Landingpages Ihnen dabei helfen kann , bis zu 34 % höhere Conversion-Raten zu erzielen, ist dies für jeden Website-Besitzer ein kluger Schachzug. Warum also nicht ein Video von Ihrer Facebook-Seite wiederverwenden, anstatt ein YouTube-Video zu verwenden?

Der beste Weg, eine Landingpage oder ein benutzerdefiniertes WordPress-Design zu erstellen, ist mit einem WordPress-Seitenersteller wie SeedProd.

SeedProd verfügt über Hunderte vorgefertigter Vorlagen und einen Drag-and-Drop-Builder, mit dem jeder beeindruckende WordPress-Landingpages ohne Code erstellen kann. Mit der Theme Builder-Funktion können Sie auch von Grund auf benutzerdefinierte WordPress-Themes erstellen, ohne einen Entwickler engagieren zu müssen.

Seine Bibliothek mit Facebook-Blöcken macht es zu einem hervorragenden Werkzeug zum Einbetten von Facebook-Videos. Mit wenigen Klicks können Sie Facebook-Beiträge, Videos, Kommentare, Zeitleisten, Ereignisse oder Nachrichten einbetten. Das bedeutet, dass Sie Ihren Design-Workflow optimieren können, ohne Ihrer Website zusätzliche WordPress-Plugins hinzuzufügen.

Befolgen Sie die nachstehende Anleitung, um mit SeedProd ein Facebook-Video in WordPress einzubetten.

Schritt 1. Installieren und aktivieren Sie SeedProd

Installieren und aktivieren Sie zunächst das SeedProd-Plugin auf Ihrer WordPress-Site. In diesem Handbuch verwenden wir SeedProd Pro wegen seiner erweiterten Funktionen.

Hilfe zu diesem Schritt finden Sie in unserer ausführlichen Dokumentation zur Installation von SeedProd.

Schritt 2. Wählen Sie eine Vorlage

Der nächste Schritt besteht darin, eine Vorlage auszuwählen, die als Grundlage für Ihr individuelles WordPress-Design verwendet werden soll.

In SeedProd gibt es zwei Möglichkeiten, dies zu tun:

• Theme Builder – Sie können mit einem vorgefertigten Website-Kit beginnen und jede Vorlage anpassen, um ein benutzerdefiniertes WordPress-Theme zu erstellen, das Ihr aktuelles Theme ersetzt.
• Landing Page Builder – Oder Sie können eine Landingpage-Vorlage auswählen und diese anpassen, um eine eigenständige Seite zu erstellen, die nahtlos mit Ihrem vorhandenen WordPress-Theme zusammenarbeitet.

Hinweis: Bei beiden Optionen können Sie Facebook-Blöcke zum Einbetten Ihrer Videos verwenden.

Für diesen Leitfaden verwenden wir die Option „Landing Page Builder“. Navigieren Sie also in Ihrem WordPress-Dashboard zu SeedProd » Landing Pages und klicken Sie auf die Schaltfläche „Neue Landing Page hinzufügen“ .

Durchsuchen Sie von dort aus die Landingpage-Vorlagen, bis Sie eine gefunden haben, die für Sie geeignet ist. Denken Sie daran, dass Sie jede Vorlage an Ihre Bedürfnisse anpassen können. Suchen Sie also nach einer Vorlage, die Ihren Vorstellungen am nächsten kommt.

Wenn Sie eine Vorlage gefunden haben, die Ihnen gefällt, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Häkchensymbol, um sie auszuwählen.

Als Nächstes wird ein Popup angezeigt, in dem Sie den Namen und die URL Ihrer Zielseite eingeben können. Wenn Sie mit diesen Details zufrieden sind, klicken Sie auf die Schaltfläche „Speichern und mit der Bearbeitung der Seite beginnen“ .

Schritt 3. Passen Sie Ihre Landingpage-Vorlage an

Auf dem nächsten Bildschirm sehen Sie den Drag-and-Drop-Seitenersteller von SeedProd. Auf der rechten Seite wird eine Vorschau Ihrer Vorlage angezeigt und auf der linken Seite werden mehrere Blöcke und Einstellungen angezeigt.

Sie können auf eine beliebige Stelle in der Vorschau klicken, um die Einstellungen für dieses bestimmte Designelement anzuzeigen. Wenn Sie beispielsweise die Überschrift der Vorlage auswählen, wird auf der linken Seite ein Bereich geöffnet, in dem Sie den Text, die Überschriftenebene und die Ausrichtung ändern können.

Wenn Sie weitere Anpassungsoptionen benötigen, klicken Sie auf die Registerkarte „Erweitert“ für diesen Block. Hier sehen Sie Anpassungsoptionen für Typografie, Farbe, Abstand, Abstände, mobile Reaktionsfähigkeit und mehr.

Da in dieser Vorlage kein Videoelement integriert ist, müssen wir eines hinzufügen, um das Facebook-Video anzuzeigen. Wir zeigen Ihnen als nächstes, wie das geht.

Schritt 4. Fügen Sie den Facebook-Einbettungsblock hinzu

Um ein Facebook-Video auf Ihrer Landingpage einzubetten, scrollen Sie durch den Abschnitt „Erweiterte Blöcke“ auf der linken Seite und suchen Sie den Facebook-Einbettungsblock. Ziehen Sie diesen Block nun an die richtige Stelle auf Ihrer Landingpage.

Standardmäßig zeigt der Facebook-Einbettungsblock einen Platzhalter-Facebook-Beitrag anstelle eines Videos an. Um dies zu ändern, öffnen Sie die Blockeinstellungen, indem Sie darauf klicken, und wählen Sie im Dropdown-Menü „Typ“ die Option „Video“.

Fügen Sie als Nächstes Ihre Facebook-Video-URL in das Feld „Videolink“ ein. Sie sollten nun eine Vorschau Ihres Facebook-Videos sehen, das auf Ihrer Landingpage eingebettet ist.

Es gibt mehrere Möglichkeiten, das Aussehen Ihrer Videoeinbettung anzupassen. Sie können beispielsweise die Schalter ein- oder ausschalten, um den Vollbildmodus, die automatische Wiedergabe von Videos und das Einfügen von Untertiteln zu ermöglichen.

Auf der Registerkarte „Erweitert“ gibt es Einstellungen zum Ändern des Videoabstands, der CSS-Attribute, der Gerätesichtbarkeit und zum Hinzufügen von Animationseffekten.

Passen Sie Ihre Landingpage weiter an, bis Sie mit dem Design zufrieden sind. Beispielsweise möchten Sie möglicherweise auch einen Facebook-Gefällt mir-Button, Testimonials oder sogar ein Opt-in-Formular zum Sammeln von E-Mail-Adressen hinzufügen.

Denken Sie daran, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Profi-Tipp: Klicken Sie beim Anpassen Ihrer Landingpage auf die Registerkarte „Seiteneinstellungen“ , um Ihre On-Page-SEO-Einstellungen zu konfigurieren und Ihre Facebook-Pixel-Tracking-Informationen hinzuzufügen.

Schritt 5. Veröffentlichen Sie Ihre Facebook-Videoseite

Klicken Sie vor der Veröffentlichung Ihrer Seite auf das Mobilsymbol in der unteren rechten Ecke, um zu sehen, ob Ihr Design auf Mobilgeräten gut aussieht.

Wenn etwas nicht richtig aussieht, können Sie die mobile Version Ihrer Seite ganz einfach bearbeiten, um sie an Benutzer anzupassen, die sie über Smartphones und Tablets besuchen.

Von dort aus können Sie fortfahren und unter der Schaltfläche „Speichern“ auf „Veröffentlichen“ klicken, um Ihre Zielseite mit Facebook-Video live einzubetten.

Jetzt kann jeder, der Ihre Seite besucht, Ihr Facebook-Video ansehen. Darüber hinaus können sie je nach Ihren Einstellungen auch das Video von Ihrer WordPress-Website liken, kommentieren und teilen.

So betten Sie Facebook-Videos mit einem Facebook-Video-Plugin ein

Eine weitere Möglichkeit, Facebook-Videos in Ihre WordPress-Website einzubetten, ist die Verwendung eines Social-Media-Feed-Plugins. Der Vorteil dieses Ansatzes besteht darin, dass Sie attraktive Galerie-Feeds zu Ihrer Website hinzufügen können, die automatisch aktualisiert werden, wenn Sie ein neues Video auf Facebook veröffentlichen.

Sie könnten beispielsweise einen Facebook-Video-Feed zu Ihrer Blog-Seitenleiste hinzufügen oder einen in einen WordPress-Beitrag einfügen, um ihn mit benutzergenerierten Inhalten zu veranschaulichen.

Bei dieser Methode verwenden wir das Custom Facebook Feed Pro-Plugin von Smash Balloon.

Es ist das beste Social-Media-Feed-Plugin, mit dem Sie ganz einfach Facebook-Videos, Alben, Kommentare, Rezensionen, Community-Beiträge und mehr in Ihre WordPress-Website einbetten können.

Darüber hinaus können Sie mit der Pro-Version von Smash Balloon HD-, 360°- und Facebook-Live-Videos sowie die Gesamtzahl der Likes, Kommentare, Shares und Reaktionen für jeden Beitrag einbetten. Dies ist sehr hilfreich, wenn Sie regelmäßig Live-Streams veröffentlichen.

Schritt 1. Installieren Sie das Facebook Feed Pro-Plugin

Installieren und aktivieren Sie zunächst das Custom Facebook Feed Pro-Plugin auf Ihrer WordPress-Site. Wenn Sie dabei Hilfe benötigen, können Sie dieser Anleitung zur Installation und Aktivierung eines WordPress-Plugins folgen.

Sobald das Plugin aktiv ist, navigieren Sie in Ihrem WordPress-Administrator zu Facebook-Feed » Einstellungen und geben Sie Ihren Smash Balloon-Lizenzschlüssel ein. Diese Informationen finden Sie unter Ihrem Konto auf der Smash Balloon-Website.

Nachdem Sie Ihren Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Aktivieren“ .

Schritt 2. Verbinden Sie Ihre Facebook-Seite oder -Gruppe mit WordPress

In Smash Balloon können Sie Videos von einer Facebook-Seite oder einem Gruppen-Feed einbetten. Dazu müssen Sie jedoch zunächst Ihre Facebook-Gruppe oder -Seite mit WordPress verbinden.

Gehen Sie also zu Facebook-Feed » Alle Feeds und klicken Sie auf die Schaltfläche „Neu hinzufügen“ .

Auf dem nächsten Bildschirm sehen Sie verschiedene Feed-Typen: Zeitleiste, Ereignisse, Fotos, Alben und mehr. Da wir ein Facebook-Video einbetten möchten, wählen Sie die Option „ Videos“ und klicken Sie auf „Weiter“ .

Jetzt können Sie eine Quelle für Ihren Feed auswählen: eine Facebook-Seite oder eine Gruppe. Klicken Sie dazu auf „Neu hinzufügen“ .

Wählen Sie als Nächstes entweder die Option „Facebook-Seite“ oder „Facebook-Gruppe“ und klicken Sie auf die Schaltfläche „Mit Facebook verbinden“ .

Dadurch wird ein Fenster geöffnet, in dem Sie eine Verbindung zu Ihrem Facebook-Konto herstellen und die Seiten oder Gruppen auswählen können, die Sie mit Smash Balloon verwenden möchten.

Klicken Sie anschließend auf Weiter .

Jetzt können Sie bei Facebook auswählen, auf welche Art von Informationen Smash Balloon zugreifen kann und welche Funktionen es ausführen kann. Um den Zugriff einzuschränken, deaktivieren Sie einen der Schalter.

Hinweis: Das Deaktivieren einiger dieser Berechtigungseinstellungen kann Auswirkungen auf die Videos haben, die Sie einbetten können.

Wenn Sie mit den Berechtigungen zufrieden sind, klicken Sie auf „Fertig“ , um zu Ihrem WordPress-Dashboard zurückzukehren.

Nachdem Sie zu Ihrer WordPress-Site zurückgekehrt sind, wird ein Popup-Fenster mit den mit Ihrer Website verknüpften Gruppen oder Seiten angezeigt. Hier können Sie auswählen, welches Sie auf Ihrer Website einbetten möchten.

Klicken Sie einfach auf das Optionsfeld daneben und wählen Sie die Schaltfläche „Hinzufügen“ .

Schritt 3. Erstellen Sie Ihr Facebook-Video-Feed-Layout

Jetzt bringt Sie Smash Balloon zurück zur Seite „Facebook-Feed erstellen“. Hier können Sie die Seite auswählen, die Sie gerade hinzugefügt haben, und auf die Schaltfläche „Weiter“ klicken.

Der nächste Schritt besteht darin, das Layout Ihres Facebook-Video-Feeds zu erstellen. Auf dem folgenden Bildschirm können Sie aus mehreren verschiedenen Themes mit unterschiedlichen Styling-Effekten wählen:

• Standard
• Modern
• Soziale Mauer
• Umriss
• Überlappung

Wählen Sie ein Thema aus, das Ihnen gefällt, und klicken Sie dann auf die Schaltfläche „Weiter“ .

Jetzt können Sie eine Vorlage auswählen, die vorgibt, wie einzelne Feed-Elemente auf Ihrer Website angezeigt werden. Sie können beispielsweise das Standardrasterlayout, ein einfaches Mauerwerksdesign, ein Widget, ein großes Raster, das Layout für den neuesten Beitrag, ein Showcase-Karussell oder ein einfaches Karussell verwenden.

Wir verwenden das Standardlayout, Sie können jedoch ein beliebiges Layout auswählen und auf Weiter klicken.

Danach müssen Sie wählen, ob alle Videos oder Videos aus einer Facebook-Playlist angezeigt werden sollen.

Wenn Sie die Option „Wiedergabeliste“ wählen, müssen Sie die URL der Wiedergabeliste in das Feld einfügen, bevor Sie auf „Weiter“ klicken.

Das Plugin erstellt nun einen Feed basierend auf Ihrer Facebook-Quelle und der von Ihnen gewählten Vorlage. Das ist ein toller Anfang; Möglicherweise möchten Sie jedoch das Erscheinungsbild der Videos auf Ihrer Website weiter anpassen.

Schritt 4. Passen Sie Ihre Facebook-Videos an

Smash Balloon bietet viele verschiedene Möglichkeiten, die Darstellung Ihrer Facebook-Videos auf Ihrer Website anzupassen. Um diese Einstellungen zu finden, klicken Sie einfach auf das Stiftsymbol neben einem Ihrer Feeds.

Ihr Facebook-Video-Feed wird nun im Feed-Editor geöffnet, wo Sie das Erscheinungsbild Ihres Feeds mit wenigen Klicks ändern können.

Auf der linken Seite befindet sich ein Bereich mit Anpassungsoptionen zum Anpassen Ihrer:

• Vorlage
• Thema
• Feed-Typ
• Feed-Layout
• Farbschema

Darunter können Sie die verschiedenen Feed-Bereiche anpassen. Sie können beispielsweise den Header-Stil, Post-Elemente, Feed-Ränder wie Box, Hintergrund, Leuchtkasten und mehr ändern.

Denken Sie daran, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

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

Jetzt ist es an der Zeit, Ihren benutzerdefinierten Facebook-Feed in Ihre WordPress-Site einzubetten, und Smash Balloon vereinfacht den Vorgang.

Klicken Sie im Feed-Editor oben rechts auf die Schaltfläche „Einbetten“ .

Dadurch wird ein Popup mit drei verschiedenen Möglichkeiten zum Veröffentlichen Ihrer Facebook-Videos geöffnet:

• Mit dem Smash Balloon-Shortcode
• Verwendung des Smash Balloon-Blocks auf einer WordPress-Seite
• Verwendung des Smash Balloon-Blocks in einem Widget-Bereich

Wenn Sie auf die Option „Seite“ klicken, wird eine Liste der verfügbaren Seiten Ihrer Website geöffnet. Wählen Sie einfach das Optionsfeld auf der entsprechenden Seite aus und klicken Sie auf die Schaltfläche „Hinzufügen“ .

Die von Ihnen ausgewählte Seite wird automatisch geöffnet. Von dort aus können Sie auf das Plus-Symbol klicken, um einen neuen WordPress-Block hinzuzufügen und nach dem benutzerdefinierten Facebook-Feed-Block zu suchen.

Nachdem Sie den Block zu Ihrer Seite hinzugefügt haben, zeigt Smash Balloon eine Vorschau Ihres Feeds an, sodass Sie ihn vor der Veröffentlichung überprüfen können.

Von dort aus müssen Sie nur noch die Seite veröffentlichen oder aktualisieren, um Ihren Facebook-Video-Feed live zu schalten.

Das Hinzufügen Ihres Feeds zu einem Widget-Bereich erfolgt nach einem ähnlichen Vorgang. Navigieren Sie zu „Darstellung“ » Widgets , klicken Sie in einem beliebigen Widget-Bereich auf das Pluszeichen und suchen Sie nach dem Block „Benutzerdefinierter Facebook-Feed“.

Sobald Sie es zu Ihrem Widget-Bereich hinzufügen, wird wie zuvor eine Vorschau angezeigt. Anschließend können Sie fortfahren und Ihre Änderungen speichern.

Hier ist ein Screenshot, wie das Hinzufügen Ihres Facebook-Video-Feeds zu einer WordPress-Seitenleiste aussehen könnte:

So betten Sie Facebook-Videos ohne Plugin in WordPress ein

Die letzte Methode, die wir in diesem Handbuch behandeln, ist das Einbetten von Facebook-Videos in Ihre WordPress-Site, ohne ein Plugin zu verwenden. Einige Leute bevorzugen möglicherweise diese Methode zum Hinzufügen einzelner Videos zu einem Blog-Beitrag.

Allerdings bietet diese Methode weniger Anpassungsmöglichkeiten als die früheren Lösungen. Es erfordert außerdem das Kopieren und Einfügen von HTML-Codeschnipseln aus dem Konfigurator. Wenn Sie damit nicht einverstanden sind, empfehlen wir Methode 1 oder 2.

Um ein Facebook-Video manuell in WordPress einzubetten, müssen Sie zunächst den Einbettungscode für das von Ihnen ausgewählte Video finden. Sie finden dies, indem Sie unter einem beliebigen Video auf das Symbol „Teilen“ klicken und die Option „Einbetten“ auswählen.

Dadurch wird ein Popup mit einem Iframe-Code geöffnet, den Sie kopieren und in Ihre WordPress-Site einfügen können. Sie können entweder den vollständigen Beitrag einbinden oder das Video ab einer bestimmten Startzeit einbetten.

Klicken Sie einfach auf die Schaltfläche „Code abrufen“ , um ihn in Ihre Zwischenablage zu kopieren.

Erstellen oder bearbeiten Sie nach dem Kopieren des Codes einen Beitrag oder eine Seite in WordPress und fügen Sie den benutzerdefinierten HTML- Block im Blockeditor hinzu.

Fügen Sie nun den Video-Einbettungscode in den benutzerdefinierten HTML-Block ein. Wenn Sie möchten, können Sie auf die Registerkarte „Vorschau“ klicken, um zu sehen, wie es aussieht.

Klicken Sie dort auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihr Video live zu schalten.

Hier hast du es!

Wir hoffen, dass dieser Leitfaden Ihnen dabei geholfen hat, ein Facebook-Video in WordPress einzubetten. Weitere hilfreiche Tipps und Tutorials finden Sie in den folgenden Anleitungen:

• 23 Ideen für Facebook-Werbegeschenke, mit denen Sie Ihr Geschäft ausbauen können
• So erstellen Sie ganz einfach eine Video-Landingpage (+ 5 Vorlagen)
• So fügen Sie WordPress ein Twitter-Widget hinzu (Schritt für Schritt)

Danke fürs Lesen. Bitte folgen Sie uns auf YouTube, Twitter und Facebook, um weitere hilfreiche Inhalte für das Wachstum Ihres Unternehmens zu erhalten.