Immer wenn ich eine neue Website fertiggestellt habe, ist mein nächster Schritt die Integration der Social-Media-Kanäle. Das ist ein grundlegender Baustein für den Aufbau eines Publikums vom ersten Tag an.
Wenn Sie Ihre Website und Ihre Facebook-Seite in zwei getrennten Welten betreiben, entgehen Ihnen leichtes Engagement und Follower.
Deshalb zeige ich Ihnen meine drei zuverlässigsten Methoden, um eine Facebook-Seite zu WordPress hinzuzufügen. So können Sie Ihren Feed anzeigen, Ihre Followerzahl erhöhen und eine stärker vernetzte Marke online schaffen.
Warum sollten Sie Ihre Facebook-Seite zu WordPress hinzufügen?
Wenn Sie ein lokales Unternehmen oder eine Community-Seite betreiben, sind Ihre Besucher bereits täglich auf Facebook unterwegs. Wenn Sie Ihre Facebook-Seite direkt zu Ihrer Website hinzufügen, können sie diese liken oder folgen, ohne die Seite zu verlassen. Und genau in diesem reibungslosen Moment findet das meiste soziale Wachstum statt.
Außerdem bleibt Ihre Marke an zwei Orten gleichzeitig sichtbar, sodass neue Besucher, die Sie über Google finden, noch in derselben Sitzung über soziale Medien mit Ihnen in Kontakt treten können. Für ein lokales Unternehmen ist diese Kombination aus Sichtbarkeit in Suchmaschinen und sozialer Vernetzung kaum zu übertreffen.
Als Nächstes werde ich Ihnen Schritt für Schritt zeigen, wie Sie sie hinzufügen können.
Methode 1: Hinzufügen Ihrer Facebook-Seite zu WordPress mit SeedProd
Wenn Sie eine neue Seite von Grund auf neu erstellen, beispielsweise eine spezielle Social-Media-Landingpage oder einen Facebook-Hub für Ihre Marke, ist SeedProd die beste Option. Der Drag-and-Drop-Editor verfügt über einen integrierten Facebook-Seitenblock, sodass Sie Ihre Seite einbetten und das gesamte Layout anpassen können, ohne Code schreiben zu müssen.
SeedProd ist der beste WordPress Page Builder und Website Builder mit Drag-and-Drop. Damit können Sie benutzerdefinierte Seitenlayouts erstellen, ohne sie von Grund auf neu kodieren zu müssen.
Mit dem Facebook-Seiten-Block können Sie eine beliebige Facebook-Seite mit nur wenigen Klicks in WordPress einbetten. Es gibt auch praktische Blöcke, mit denen Sie einen Facebook-Like-Button, Facebook-Kommentare und Facebook-Posts einbetten können.
Hier sind die Schritte zum Hinzufügen einer Facebook-Seite zu WordPress mit SeedProd.
Schritt 1. Installieren und Aktivieren von SeedProd
Zunächst müssen Sie das SeedProd-Plugin herunterladen und auf Ihrer WordPress-Website installieren.
In diesem Leitfaden verwenden wir SeedProd Pro wegen seiner erweiterten Anpassungsfunktionen.
Wenn Sie Hilfe benötigen, können Sie in unserer Dokumentation nachlesen, wie Sie SeedProd installieren und Ihre Lizenz aktivieren.
SeedProd bietet 2 Möglichkeiten, Ihre WordPress-Website anzupassen. Sie können entweder eine eigenständige Landing Page erstellen oder ein benutzerdefiniertes WordPress-Theme mithilfe der Theme Builder-Funktion erstellen.
Für diese Anleitung verwenden wir die Landing Page Builder-Funktion.
Schritt 2. Wählen Sie eine Landing Page-Vorlage
Um eine neue Landing Page zu erstellen, navigieren Sie in Ihrem WordPress-Dashboard zu Landing Pages und klicken auf die Schaltfläche Add New Landing Page.
Dort sehen Sie Hunderte von vorgefertigten Landing Page-Vorlagen, die Sie als Ausgangspunkt für Ihr Design verwenden können. Jede Vorlage ist zu 100 % mobilfähig, damit Ihr Design auf mobilen Geräten wie Smartphones und Tablets gut aussieht.
Sie können die Vorlagen filtern, indem Sie auf die Registerkarten am oberen Rand klicken, oder das Suchfeld verwenden, um ein Design für eine bestimmte Nische zu finden. Wenn Sie eine Vorlage gefunden haben, die Ihnen gefällt, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Häkchensymbol.
Geben Sie dann einen Namen für Ihre Seite ein und klicken Sie auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen.
Nun wird die Vorlage im visuellen Editor von SeedProd geöffnet, wo Sie das Layout und den Inhalt ohne Code anpassen können.
Schritt 3. Hinzufügen des Facebook-Seitenblocks
Der Drag-and-Drop-Editor von SeedProd ist einfach zu bedienen.
Auf der rechten Seite sehen Sie eine Live-Vorschau und auf der linken Seite Blöcke, Abschnitte und Einstellungen. Sie können Inhaltselemente aus dem Blockbedienfeld in die Vorschau ziehen und ihre Einstellungen mit wenigen Klicks bearbeiten.
So fügen Sie den Facebook-Seitenblock zu Ihrer Landing Page hinzu:
Scrollen Sie im Bereich " Erweiterte Blöcke " nach unten, bis Sie den Block "Facebook-Seite" sehen. Um ihn zu Ihrer Seite hinzuzufügen, ziehen Sie ihn von links auf Ihre Vorschau.
Jetzt können Sie auf den Block klicken, um seine Anpassungsoptionen zu sehen und Ihre Facebook-Seiten-URL hinzuzufügen.
Wenn deine Seite nicht angezeigt wird, musst du auf den Link "Seiteneinstellungen" klicken und deine Facebook-App-ID-Informationen eingeben.
So erhalten Sie eine Facebook-App-ID
Die Beantragung Ihrer App-ID dauert nur wenige Minuten. So gehen Sie vor:
- 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“ aus, wenn Sie dazu aufgefordert werden.
- Geben Sie den Namen Ihrer App und Ihre Kontakt-E-Mail-Adresse ein und schließen Sie dann den Einrichtungsassistenten ab.
- Sobald die App erstellt ist, wird Ihre App-ID oben im App-Dashboard angezeigt. Kopieren Sie sie und fügen Sie sie in das Feld „Seiteneinstellungen“ von SeedProd ein.
Zusätzliche Facebook-Seitenblock-Einstellungen umfassen die Möglichkeit,:
- Eine kleine Kopfzeile einschalten
- Ihr Titelfoto ausblenden
- Profilfotos anzeigen
- Die CTA-Schaltfläche ausblenden
- Ändern Sie die Höhe des Facebook-Widgets
- Ausrichtung des Widgets anpassen
Sie können sogar verschiedene Arten von Facebook-Feeds anzeigen, darunter eine Zeitleiste, Ereignisse und Nachrichten.
Das Tolle an diesem Block ist, dass er automatisch "Gefällt mir"- und "Teilen"-Schaltflächen enthält, so dass die Nutzer Ihre Inhalte in den sozialen Medien problemlos auf anderen Plattformen teilen können.
Schritt 4. Anpassen Ihrer WordPress-Seite
Sobald Ihr Facebook-Seiten-Feed eingerichtet ist, können Sie den Rest Ihrer Landing Page weiter anpassen. Einige Ideen sind:
- Hinzufügen eines Opt-in-Formulars zum Sammeln von E-Mail-Adressen
- Einbindung von Erfahrungsberichten zufriedener Kunden zur Stärkung des Vertrauens
- Hinzufügen einer Schaltfläche zum Beitritt zu Ihrer Facebook-Gruppe
- Einbettung eines Begrüßungsvideos, um Erstbesucher anzusprechen
Eine vollständige Anleitung zum Anpassen Ihrer Landing Page finden Sie in unserer Schritt-für-Schritt-Anleitung zum Erstellen einer Landing Page in WordPress.
Schritt 5. Speichern Sie Ihre Änderungen
Wenn Sie mit Ihrer Seite zufrieden sind, klicken Sie auf die Schaltfläche Speichern und veröffentlichen in der oberen rechten Ecke Ihres Bildschirms.
Jetzt können Sie die Seite besuchen und sehen, wie sie aussieht.
Methode 2: Hinzufügen einer Facebook-Seite zu WordPress ohne ein Plugin
Lassen Sie uns nun in eine andere effektive Möglichkeit eintauchen, eine Facebook-Seite zu WordPress hinzuzufügen - mit dem Facebook-Seiten-Plugin.
Diese Methode ist ebenfalls relativ einfach, bietet aber nicht das gleiche Maß an Anpassungsmöglichkeiten wie ein WordPress Page Builder. Außerdem müssen Sie Code-Schnipsel kopieren und auf Ihrer Website einfügen.
Schritt 1. Holen Sie sich das Facebook-Seiten-Plugin
Besuchen Sie zunächst die Website für das Facebook-Seiten-Plugin. Hier geben Sie Details zu Ihrer Seite ein und generieren einen Code, den Sie auf Ihrer Website einbetten können.
Schritt 2. Konfigurieren Sie das Facebook-Seiten-Plugin
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 Cover-Foto ausblenden und vieles mehr.
Schritt 3. Erstellen Sie den Code für die Einbettung Ihrer Facebook-Seite
Nachdem Sie die erforderlichen Angaben gemacht haben, klicken Sie auf die Schaltfläche Code erhalten.
Facebook generiert nun einen Javascript- und iFrame-Code, den Sie auf Ihrer Webseite einfügen können. Wählen Sie in dem Popup-Fenster die Option iFrame und kopieren Sie den Einbettungscode.
Schritt 4. Fügen Sie den Facebook-Seiten-Einbettungscode zu WordPress hinzu
Nun ist es an der Zeit, diesen Code in Ihren WordPress-Blog einzufügen. Viele Websites zeigen ihre Facebook-Kontoseite in einem neuen Beitrag oder einem Seitenleisten-Widget an.
Gehen Sie in der WordPress-Verwaltung auf die Registerkarte "Darstellung" und wählen Sie " Widgets".
Klicken Sie dann auf das Plus-Symbol, um einen neuen WordPress-Block hinzuzufügen, und suchen Sie das benutzerdefinierte HTML- oder Text-Widget. 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 es stattdessen zu einer Seite oder einem Beitrag hinzuzufügen, öffne die Seite im Block-Editor, klicke auf die Schaltfläche „+“, um einen neuen Block hinzuzufügen, suche nach „Benutzerdefiniertes HTML“ und füge dort den Einbettungscode ein. Veröffentliche die Seite und dein Facebook-Feed wird genau dort angezeigt, wo du ihn platziert hast.
Wird es nicht angezeigt? Überprüfen Sie zunächst, ob Ihre Facebook-Seite veröffentlicht ist und die eingegebene URL korrekt ist. Wenn ein Sicherheits- oder Caching-Plugin externe Skripte blockiert, deaktivieren Sie es vorübergehend, um es zu testen. Das JavaScript-Embed von Facebook kann manchmal blockiert werden. Wechseln Sie in diesem Fall zum iFrame-Code aus Schritt 3. Stellen Sie außerdem sicher, dass die Domain, in die Sie einbetten, mit der in Ihren Facebook-App-Einstellungen registrierten Domain übereinstimmt.
Methode 3: Einen Facebook-Feed mit einem Plugin zu WordPress hinzufügen
Wenn Sie einen dynamischen, gestalteten Feed wünschen, der automatisch aktualisiert wird, sobald Sie etwas auf Facebook posten, ist das Plugin „Custom Facebook Feed“ von Smash Balloondie beste Option. Es ist die beliebteste Lösung für diesen Anwendungsfall und funktioniert auf jeder bestehenden Seite, jedem Beitrag und jeder Seitenleiste.
Mit dem Facebook-Feed-Plugin können Sie eine schöne, filterbare Galerie mit Facebook-Beiträgen anzeigen, ohne Code schreiben zu müssen. So richten Sie es ein:
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 von Smash Balloon. Installieren und aktivieren Sie die kostenlose Version.
Sobald die Funktion aktiviert ist, wird in Ihrem Dashboard ein neuer Menüpunkt „Facebook-Feed“ angezeigt.
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 erteilen Sie dem Plugin die Berechtigung, auf Ihre Seiten zuzugreifen.
Das Plugin fordert nur Lesezugriff an, sodass es Ihre Beiträge anzeigen kann, ohne in Ihrem Namen Beiträge veröffentlichen zu können.
Schritt 3. Wählen Sie Ihre Facebook-Seite aus.
Nach dem Verbinden wird eine Liste der von Ihnen verwalteten Facebook-Seiten angezeigt. 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: Zeitleiste, Fotos, Veranstaltungen oder Videos. Sie können eine Vorschau anzeigen, wie dies 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 die spezielle Facebook-Feed Block, 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 bzw. in 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 der Dropdown-Liste aus. Wenn Sie einen Shortcode verwenden, fügen Sie einen Shortcode-Block hinzu und fügen Sie ihn 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 die Änderung. Veröffentlichen Sie die Seite, und Ihr Live-Facebook-Feed wird genau an der Stelle angezeigt, an der Sie ihn platziert haben.
FAQs zum Hinzufügen einer Facebook-Seite zu WordPress
Als nächstes entdecken Sie weitere Möglichkeiten zur Anpassung Ihrer WordPress-Website
Wir hoffen, dass diese Anleitung Ihnen geholfen hat, zu erfahren, wie Sie eine Facebook-Seite zu WordPress hinzufügen können. Es gibt so viele andere Möglichkeiten, Ihre WordPress-Website mit SeedProd anzupassen, dass wir sie unmöglich alle in einem Beitrag auflisten können.
Hier sind also einige unserer besten WordPress-Anpassungsanleitungen:
- Anpassen der WordPress-Menüstile auf 3 einfache Arten
- Wie man eine benutzerdefinierte WordPress-Autorenseite erstellt (2 einfache Wege)
- Wie man personalisierte Landing Pages erstellt, um die Konversionen zu steigern
- Wie man Facebook-Videos in WordPress einbettet (3 einfache Möglichkeiten)
- Wie man animierte Particle.js-Hintergründe in WordPress erstellt
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
