Mit dem Facebook-Seiten-Block können Sie einen Live-Feed Ihrer Facebook-Seite direkt in jede SeedProd-Seite einbetten. Besucher können Ihre Chronik, Veranstaltungen oder Nachrichten sehen, ohne Ihre Website zu verlassen, sodass Sie Ihr Publikum auf dem Laufenden halten und begeistern können.
Mit Optionen zur Steuerung der angezeigten Registerkarten, zur Anpassung des Kopfzeilenstils, zum Ein- oder Ausblenden von Profilfotos und zum Festlegen der Einbettungshöhe bietet Ihnen dieser Block die vollständige Kontrolle darüber, wie Ihre Facebook-Seite auf Ihrer Website angezeigt wird.
Hinzufügen des Facebook-Seitenblocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Facebook-Seitenblock zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design“ > „Blöcke“ den Block „Facebook-Seite“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Sobald Sie den Block hinzugefügt haben, klicken Sie auf den Facebook-Seitenblock, um dessen Einstellungen zu öffnen. Konfigurieren Sie auf der Registerkarte „Inhalt“, welche Facebook-Seite angezeigt werden soll und wie sie erscheinen soll.
Facebook-Einstellung:
- Facebook-App-ID: Zeigt Ihre verbundene Facebook-App an. Wenn noch keine App-ID konfiguriert ist, werden Sie aufgefordert, diese in den Seiteneinstellungen festzulegen. Nach der Verbindung wird die Option „App ändern“ angezeigt, mit der Sie zu einer anderen App wechseln können.
- Link: Geben Sie die vollständige URL der Facebook-Seite ein, die Sie einbetten möchten (z. B. https://www.facebook.com/yourpage/).
- Registerkarten: Wählen Sie aus, welche Inhaltsregisterkarten im eingebetteten Seiten-Feed angezeigt werden sollen. Sie können eine oder mehrere aus „Timeline“, „Events“ und „Messages“ auswählen. „Timeline“ zeigt aktuelle Beiträge, „Events“ zeigt bevorstehende Veranstaltungen und „Messages“ öffnet eine Option für Direktnachrichten.
- Kleine Kopfzeile: Aktivieren Sie diese Option, um eine kompakte Version der Kopfzeile der Facebook-Seite anzuzeigen und so vertikalen Platz in der Einbettung zu sparen.
- Titelbild ausblenden: Aktivieren Sie diese Option, um das Titelbild der Seite aus dem eingebetteten Feed auszublenden.
- Profilfotos: Aktivieren Sie diese Option, um die Profilfotos von Freunden, denen die Seite gefällt, neben der Einbettung anzuzeigen.
- CTA-Button ausblenden: Aktivieren Sie diese Option, um den Call-to-Action-Button (z. B. „Gefällt mir“ oder „Folgen“) auf der eingebetteten Seite auszublenden.
- Höhe: Legen Sie die Höhe des eingebetteten Facebook-Seiten-Feeds in Pixeln fest, von 70 bis 700 px.
- Ausrichtung: Legen Sie die horizontale Ausrichtung der eingebetteten Seite fest – links, mittig oder rechts.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie den Abstand und die Sichtbarkeit Ihres Facebook-Seitenblocks anpassen.
Abstand:
- Rand: Steuere den äußeren Abstand um deinen Facebook-Seitenblock (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Facebook-Seitenblocks an (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Facebook-Seitenblock an, die von SeedProd automatisch für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt wurde.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Block-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert.
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Blendet den Facebook-Seitenblock auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Facebook-Seiten-Block auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Facebook-Seitenblock auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie einen Animationseffekt aus, der abgespielt wird, wenn der Facebook-Seitenblock in den Blickbereich scrollt, z. B. „Bounce“, „Fade In“, „Zoom In“, „Rotate In“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Facebook-Seitenblocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Facebook-Seitenblock zu Ihrer Seite hinzugefügt! Mit diesem Block können Sie Ihren Live-Feed Ihrer Facebook-Seite ganz einfach auf jede SeedProd-Seite übertragen, sodass Besucher mit Ihrer sozialen Präsenz in Verbindung bleiben, ohne von Ihrer Website weitergeleitet zu werden. Stellen Sie sicher, dass Ihre Facebook-App-ID konfiguriert ist, damit die eingebettete Seite für alle Besucher korrekt geladen wird.