Immer wenn ich mit der Einrichtung einer neuen Website fertig bin, ist mein nächster Schritt die Integration ihrer Social-Media-Kanäle. Es ist ein grundlegender Bestandteil, um von Anfang an ein Publikum aufzubauen.
Wenn Ihre Website und Ihre Facebook-Seite in zwei getrennten Welten existieren, verpassen Sie einfache Interaktionen und Follower.
Deshalb zeige ich Ihnen meine drei zuverlässigsten Methoden, um eine Facebook-Seite zu WordPress hinzuzufügen. Sie können Ihren Feed anzeigen, Ihre Followerzahl erhöhen und eine stärker vernetzte Marke online schaffen.
Warum Ihre Facebook-Seite zu WordPress hinzufügen?
Wenn Sie eine lokale Geschäfts- oder Community-Seite betreiben, sind Ihre Besucher täglich auf Facebook unterwegs. Wenn Sie Ihre Facebook-Seite direkt auf Ihrer Website einbinden, können sie diese liken oder abonnieren, ohne die Seite verlassen zu müssen. Und genau in diesem reibungslosen Moment geschieht das meiste soziale Wachstum.
Es hält Ihre Marke auch an zwei Orten gleichzeitig sichtbar, sodass neue Besucher, die Sie über Google finden, Sie in derselben Sitzung in sozialen Netzwerken verbinden können. Für ein lokales Unternehmen ist diese Kombination aus Sichtbarkeit in Suchmaschinen und sozialer Vernetzung kaum zu übertreffen.
Als Nächstes zeige ich Ihnen Schritt für Schritt, wie Sie sie hinzufügen.
Methode 1: Hinzufügen Ihrer Facebook-Seite zu WordPress mit SeedProd
Wenn Sie eine neue Seite von Grund auf neu erstellen, z. B. eine spezielle Social-Landingpage oder einen Facebook-Hub für Ihre Marke, ist SeedProd die beste Option. Sein Drag-and-Drop-Editor enthält einen integrierten Facebook-Seiten-Block, sodass Sie Ihre Seite einbetten und das gesamte Layout anpassen können, ohne Code schreiben zu müssen.
SeedProd ist der beste WordPress-Seitenersteller und Website-Builder mit Drag-and-Drop. Er ermöglicht Ihnen, benutzerdefinierte Seitenlayouts zu erstellen, ohne den Aufwand, sie von Grund auf neu zu programmieren.
Mit seinem Facebook-Seiten-Block können Sie jede Facebook-Seite mit nur wenigen Klicks in WordPress einbetten. Er verfügt auch über praktische Blöcke, mit denen Sie einen Facebook-Like-Button, Facebook-Kommentare und Facebook-Posts einbetten können.
Hier sind die Schritte, wie Sie mit SeedProd eine Facebook-Seite zu WordPress hinzufügen.
Schritt 1. SeedProd installieren und aktivieren
Zuerst müssen Sie das SeedProd-Plugin herunterladen und auf Ihrer WordPress-Website installieren.
Für diesen Leitfaden verwenden wir SeedProd Pro wegen seiner erweiterten Anpassungsfunktionen.
Wenn Sie Hilfe benötigen, finden Sie in unserer Dokumentation, wie Sie SeedProd installieren und Ihre Lizenz aktivieren.
SeedProd bietet 2 Möglichkeiten, Ihre WordPress-Website anzupassen. Sie können entweder eine eigenständige Landingpage erstellen oder mit seiner Theme Builder-Funktion ein benutzerdefiniertes WordPress-Theme erstellen.
Für diesen Leitfaden verwenden wir die Funktionalität des Landingpage-Builders.
Schritt 2. Wählen Sie eine Landingpage-Vorlage
Um eine neue Landingpage zu erstellen, navigieren Sie in Ihrem WordPress-Dashboard zu Landingpages und klicken Sie auf die Schaltfläche Neue Landingpage hinzufügen.
Von dort aus sehen Sie Hunderte von vorgefertigten Landingpage-Vorlagen, die Sie als Ausgangspunkt für Ihr Design verwenden können. Jede Vorlage ist zu 100 % mobilfreundlich und sorgt dafür, dass Ihr Design auf mobilen Geräten wie Smartphones und Tablets großartig aussieht.
Sie können die Vorlagen filtern, indem Sie auf die Registerkarten oben klicken, oder die Suchleiste verwenden, um ein Design für eine bestimmte Nische zu finden. Sobald Sie eine gefunden haben, die Ihnen gefällt, fahren Sie mit der Maus darüber und klicken Sie auf das Häkchensymbol.
Geben Sie als Nächstes einen Namen für Ihre Seite ein und klicken Sie auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen.
Nun öffnet sich die Vorlage im visuellen Editor von SeedProd, wo Sie ihr Layout und ihren Inhalt ohne Code anpassen können.
Schritt 3. Fügen Sie den Facebook-Seiten-Block hinzu
Der Drag-and-Drop-Editor von SeedProd ist einfach zu bedienen.
Sie sehen eine Live-Vorschau auf der rechten Seite und Blöcke, Abschnitte und Einstellungen auf der linken Seite. Sie können Inhaltselemente aus dem Block-Panel in die Vorschau ziehen und deren Einstellungen mit wenigen Klicks bearbeiten.
So fügen Sie den Facebook-Seiten-Block zu Ihrer Landingpage hinzu:
Scrollen Sie im Panel Erweiterte Blöcke nach unten, bis Sie den Facebook-Seiten-Block sehen. Um ihn zu Ihrer Seite hinzuzufügen, ziehen Sie ihn von links und legen Sie ihn in Ihre Vorschau.
Nun können Sie auf den Block klicken, um seine Anpassungsoptionen anzuzeigen und Ihre Facebook-Seiten-URL hinzuzufügen.
Wenn Ihre Seite nicht angezeigt wird, müssen Sie auf den Link „Seiteneinstellungen“ klicken und Ihre Facebook App ID-Informationen eingeben.
So erhalten Sie eine Facebook App ID
Das Abrufen Ihrer App ID dauert nur wenige Minuten. So geht's:
- Gehen Sie zu developers.facebook.com/apps und melden Sie sich mit Ihrem Facebook-Konto an.
- Klicken Sie auf App erstellen und wählen Sie den App-Typ Consumer, wenn Sie dazu aufgefordert werden.
- Geben Sie Ihren App-Namen und Ihre Kontakt-E-Mail-Adresse ein und schließen Sie dann den Einrichtungsassistenten ab.
- Sobald die App erstellt ist, erscheint Ihre App ID oben im App-Dashboard. Kopieren Sie sie und fügen Sie sie in das Feld „Seiteneinstellungen“ von SeedProd ein.
Zusätzliche Einstellungen für den Facebook-Seiten-Block umfassen die Möglichkeit:
- Eine kleine Kopfzeile aktivieren
- Ihr Titelbild ausblenden
- Profilfotos anzeigen
- Die CTA-Schaltfläche ausblenden
- Die Höhe des Facebook-Widgets ändern
- Die Ausrichtung des Widgets anpassen
Sie können sogar verschiedene Arten von Facebook-Feeds anzeigen, darunter eine Zeitleiste, Veranstaltungen und Nachrichten.
Das Tolle an diesem Block ist, dass er automatisch „Gefällt mir“- und „Teilen“-Schaltflächen enthält, sodass Benutzer Ihre Social-Media-Inhalte problemlos auf anderen Plattformen teilen können.
Schritt 4. Passen Sie Ihre WordPress-Seite an
Sobald Ihr Facebook-Seiten-Feed eingerichtet ist, können Sie mit der Anpassung des Rests Ihrer Landingpage fortfahren. Einige Ideen sind:
- Hinzufügen eines Opt-in-Formulars zum Sammeln von E-Mail-Adressen
- Einbindung von Testimonials zufriedener Kunden zur Steigerung des Vertrauens
- Hinzufügen einer Schaltfläche zum Beitreten Ihrer Facebook-Gruppe
- Einbindung eines Willkommensvideos zur Einbindung von Erstbesuchern
Eine umfassende Anleitung zur Anpassung Ihrer Landingpage finden Sie in unserem Schritt-für-Schritt-Leitfaden zum Thema Erstellung einer Landingpage in WordPress.
Schritt 5. Änderungen speichern
Wenn Sie mit Ihrer Seite zufrieden sind, klicken Sie oben rechts auf die Schaltfläche Speichern und Veröffentlichen.
Nun können Sie die Seite besuchen, um zu sehen, wie sie aussieht.
Methode 2: Facebook-Seite ohne Plugin zu WordPress hinzufügen
Nun tauchen wir in eine weitere effektive Methode ein, um eine Facebook-Seite zu WordPress hinzuzufügen – die Verwendung des Facebook Page Plugins.
Diese Methode ist ebenfalls relativ einfach, bietet jedoch nicht das gleiche Maß an Anpassungsmöglichkeiten wie ein WordPress Page Builder. Sie beinhaltet auch das Kopieren und Einfügen von Code-Snippets auf Ihrer Website.
Schritt 1. Das Facebook Page Plugin erhalten
Besuchen Sie zunächst die Facebook Page Plugin-Website. Hier geben Sie die Details zu Ihrer Seite ein und generieren einen Code, den Sie auf Ihrer Website einbetten können.
Schritt 2. Das Facebook Page Plugin konfigurieren
Auf der Plugin-Seite sehen Sie ein Formular, in das Sie Details zu Ihrer Facebook-Seite eingeben können.
Sie können die URL Ihrer Facebook-Seite einfügen, eine benutzerdefinierte Breite und Höhe für das Plugin eingeben, das Titelbild ausblenden und mehr.
Schritt 3. Ihren Facebook Page Embed-Code generieren
Klicken Sie nach Eingabe der erforderlichen Details auf die Schaltfläche Code abrufen.
Facebook generiert nun einen Javascript- und iFrame-Code, den Sie auf Ihrer Webseite einfügen können. Wählen Sie im Popup-Fenster die iFrame-Option und kopieren Sie den Embed-Code.
Schritt 4. Den Facebook Page Embed-Code zu WordPress hinzufügen
Nun ist es an der Zeit, diesen Code zu Ihrem WordPress-Blog hinzuzufügen. Viele Websites zeigen ihre Facebook-Konto-Seite in einem neuen Beitrag oder Seitenleisten-Widget an, also schauen wir uns an, wie das geht.
Gehen Sie im WordPress-Adminbereich zum Tab Darstellung und wählen Sie Widgets.
Klicken Sie als Nächstes auf das Plus-Symbol, um einen neuen WordPress-Block hinzuzufügen, und suchen Sie das Widget Benutzerdefiniertes HTML oder Text. Fügen Sie dieses Widget in den Bereich ein, in dem Ihre FB-Seite erscheinen soll.
Kopieren Sie schließlich den von Facebook generierten HTML-Code und fügen Sie ihn in den Widget-Bereich ein.
Klicken Sie nun auf die Schaltfläche Speichern, um die Änderungen zu übernehmen. Damit sollte Ihre Facebook-Seite nun in Ihrer WordPress-Seitenleiste erscheinen.
Um sie stattdessen zu einer Seite oder einem Beitrag hinzuzufügen, öffnen Sie die Seite im Block-Editor, klicken Sie auf die Schaltfläche +, um einen neuen Block hinzuzufügen, suchen Sie nach Benutzerdefiniertes HTML und fügen Sie den Embed-Code dort ein. Veröffentlichen Sie die Seite und Ihr Facebook-Feed wird genau dort angezeigt, wo Sie ihn platziert haben.
Wird nicht angezeigt? Überprüfen Sie zuerst, ob Ihre Facebook-Seite veröffentlicht ist und die eingegebene URL korrekt ist. Wenn ein Sicherheits- oder Caching-Plugin externe Skripte blockiert, versuchen Sie, es vorübergehend zu deaktivieren, um zu testen. Das JavaScript-Embed von Facebook kann manchmal blockiert werden. Wechseln Sie daher zum iFrame-Code aus Schritt 3, wenn dies geschieht. Stellen Sie außerdem sicher, dass die Domain, auf der Sie einbetten, mit der Domain übereinstimmt, die in Ihren Facebook-App-Einstellungen registriert ist.
Methode 3: Fügen Sie einen Facebook-Feed mit einem Plugin zu WordPress hinzu
Wenn Sie einen dynamischen, gestylten Feed wünschen, der sich automatisch aktualisiert, wenn Sie auf Facebook posten, ist das beste Option das Custom Facebook Feed Plugin von Smash Balloon. Es ist die beliebteste Lösung für diesen Anwendungsfall und funktioniert auf jeder vorhandenen Seite, jedem Beitrag oder jeder Seitenleiste.
Mit seinem Facebook Feed Plugin können Sie eine schöne, filterbare Galerie von Facebook-Posts anzeigen, ohne Code schreiben zu müssen. Hier erfahren Sie, wie Sie es einrichten.
Schritt 1. Installieren Sie das Custom Facebook Feed Plugin
Gehen Sie in Ihrem WordPress-Dashboard zu Plugins » Neu hinzufügen und suchen Sie nach Custom Facebook Feed by Smash Balloon. Installieren und aktivieren Sie die kostenlose Version.
Nach der Aktivierung sehen Sie einen neuen Menüpunkt Facebook Feed in Ihrem Dashboard.
Schritt 2. Verbinden Sie Ihr Facebook-Konto
Klicken Sie auf Facebook Feed » Neu hinzufügen, um den Einrichtungsassistenten zu starten. Sie werden aufgefordert, Ihr Facebook-Konto zu verbinden. Klicken Sie auf Mit Facebook verbinden, melden Sie sich bei Bedarf an und gewähren Sie dem Plugin die Berechtigung, auf Ihre Seiten zuzugreifen.
Das Plugin fordert nur Lesezugriff an, sodass es Ihre Beiträge anzeigen kann, ohne die Möglichkeit zu haben, in Ihrem Namen zu posten.
Schritt 3. Wählen Sie Ihre Facebook-Seite aus
Nach der Verbindung sehen Sie eine Liste der Facebook-Seiten, die Sie verwalten. Wählen Sie die Seite aus, die Sie anzeigen möchten, und klicken Sie auf Weiter. Der Assistent lässt Sie dann einen Feed-Typ auswählen: Timeline, Fotos, Veranstaltungen oder Videos. Sie können eine Vorschau anzeigen, wie es auf Ihrer Website aussehen wird.
Schritt 4. Kopieren Sie den Shortcode oder fügen Sie den Block hinzu
Sobald Ihr Feed konfiguriert ist, gibt Ihnen Smash Balloon einen Shortcode wie [custom-facebook-feed]. Sie können auch den dedizierten Facebook Feed Block verwenden, wenn Sie den WordPress Block Editor verwenden.
Speichern Sie den Feed und notieren Sie sich den Shortcode oder den Blocknamen. Sie werden ihn im nächsten Schritt verwenden, um den Feed auf Ihrer Website zu platzieren.
Schritt 5. Platzieren Sie den Feed auf Ihrer Seite
Öffnen Sie die Seite oder den Beitrag, auf der/dem der Feed erscheinen soll. Wenn Sie den Block-Editor verwenden, klicken Sie auf die Schaltfläche +, suchen Sie nach Facebook Feed und wählen Sie Ihren Feed aus dem Dropdown-Menü aus. Wenn Sie einen Shortcode verwenden, fügen Sie einen Shortcode-Block hinzu und fügen Sie ihn dort ein.
Um den Feed zu Ihrer Seitenleiste hinzuzufügen, gehen Sie zu Darstellung » Widgets, fügen Sie ein Shortcode-Widget hinzu, fügen Sie den Shortcode ein und speichern Sie. Veröffentlichen Sie die Seite und Ihr Live-Facebook-Feed wird genau dort angezeigt, wo Sie ihn platziert haben.
FAQs zum Hinzufügen einer Facebook-Seite zu WordPress
Entdecken Sie als Nächstes weitere Möglichkeiten, Ihre WordPress-Website anzupassen
Wir hoffen, dieser Leitfaden hat Ihnen geholfen zu lernen, wie Sie eine Facebook-Seite zu WordPress hinzufügen. Es gibt so viele andere Möglichkeiten, Ihre WordPress-Website mit SeedProd anzupassen, dass wir sie unmöglich alle in einem Beitrag auflisten konnten.
Hier sind also einige unserer Top-WordPress-Anpassungsleitfäden:
- So passen Sie WordPress-Menüstile in 3 einfachen Schritten an
- So erstellen Sie eine benutzerdefinierte WordPress-Autorenseite (2 einfache Wege)
- So erstellen Sie personalisierte Landing Pages zur Steigerung der Konversionen
- Facebook-Videos in WordPress einbetten (3 einfache Wege)
- So erstellen Sie animierte Particle.js-Hintergründe in WordPress
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
