Ein Facebook-Feed-Grid zeigt die Beiträge Ihrer Facebook-Seite als Kacheln auf Ihrer Website, sodass Besucher viele Beiträge auf einen Blick erfassen. Diese Vorlage mischt Foto- und Videobeiträge in Kacheln unterschiedlicher Größe, mit dem Namen Ihrer Seite und einem Folgen-Button darüber. Neue Beiträge werden automatisch synchronisiert.
Was das Facebook-Feed-Grid zeigt und wo Sie es platzieren
Ein Facebook-Feed-Grid ist ein Widget, das die Beiträge Ihrer Facebook-Seite als Kachelgalerie auf Ihrer eigenen Website darstellt. Jede Kachel beginnt mit dem Bild oder der Video-Vorschau, sodass der Bereich auf einen Blick lesbar ist.
Nutzen Sie es, wenn Ihre Seite überwiegend visuell ist: Produkte, Events, Blicke hinter die Kulissen oder Momente aus Ihrer Community. So bleibt Ihre Website frisch, ohne dass Sie manuell Inhalte hochladen müssen.
Dieses Facebook-Grid-Widget für Websites bezieht Beiträge über Ihre verbundene Seite. Für andere Layouts wie Slider oder Popups finden Sie mehr auf der Seite zum Facebook-Feed-Widget.
- Startseite: ein visueller Block, der zeigt, dass Ihre Marke gerade aktiv ist.
- Produktseiten: Beiträge, die das Produkt im echten Einsatz zeigen, nahe am Kaufen-Button.
- Landingpages: frische Beiträge, die zu einer Kampagne oder einem saisonalen Angebot passen.
- Event- oder Community-Seiten: Fotos vergangener Events und Ihrer Community an einem Ort.
Ein Facebook-Grid auf Ihrer Website im Vergleich zur Rasteransicht in der App
In der Facebook-App durchstöbern Nutzer Ihre Beiträge innerhalb von Facebook, neben Anzeigen und anderen Seiten. Ein Grid auf Ihrer Website zeigt dieselben Beiträge dort, wo Besucher bereits entscheiden, ob sie kaufen oder sich anmelden.
Auf Ihrer Website wählen Sie selbst, welche Beiträge erscheinen, wie sie aussehen und wohin der Folgen-Button führt. Besucher sehen Ihre Inhalte, ohne Ihre Seite zu verlassen.
So fügen Sie Ihrer Website ein Facebook-Feed-Grid hinzu
- Verbinden Sie Ihre Facebook-Quelle in EmbedSocial.
- Wählen Sie die Vorlage Facebook Grid Gallery Widget.
- Passen Sie die Kopfzeile, die Anzahl sichtbarer Beiträge, den Folgen-Button und das Grid-Verhalten an.
- Legen Sie fest, wie viele Beiträge erscheinen sollen und wie sich die Galerie auf verschiedenen Geräten anordnet.
- Kopieren Sie den Einbettungscode.
- Fügen Sie ihn in Ihre Website, Landingpage oder Ihr CMS ein und veröffentlichen Sie.
WordPress
Fügen Sie im WordPress-Editor dort, wo das Grid erscheinen soll, einen Custom-HTML-Block hinzu. Fügen Sie den Einbettungscode ein und klicken Sie auf Update. Anleitung: WordPress-Integration
Shopify
Gehen Sie zu Online Store, dann zu Themes, und klicken Sie auf Customize. Fügen Sie einen Custom-Liquid-Abschnitt hinzu, fügen Sie den Einbettungscode ein und speichern Sie. Anleitung: Shopify-Integration
Wix
Klicken Sie im Wix-Editor auf Add Elements, dann auf Embed Code und wählen Sie Embed HTML. Fügen Sie den Code ein, passen Sie die Rahmengröße an und veröffentlichen Sie. Anleitung: Wix-Integration
Squarespace
Bearbeiten Sie die Seite, klicken Sie auf Add block, wählen Sie Embed und dann Code snippet. Fügen Sie den Code ein, speichern Sie und passen Sie bei Bedarf die Blockgröße an. Anleitung: Squarespace-Integration
Grid im Vergleich zu anderen Layouts
| Layout | Am besten für | Zeigt | Vorlage |
|---|---|---|---|
| Grid-Galerie | Visuelle Seiten mit Fotos und Videos | Kacheln in gemischten Größen unter einer Seitenkopfzeile und einem Folgen-Button | Facebook-Feed-Grid-Widget |
| Collage | Einen herausragenden Beitrag hervorheben | Eine Collage im Masonry-Stil mit einer großen Hauptkachel | Facebook-Seiten-Beiträge Collage |
| Karussell | Bereiche mit wenig vertikalem Platz | Beitragskarten in einem horizontalen Slider | Facebook-Carousel-Widget |
