Mit dem Facebook-Einbettungsblock können Sie Facebook-Beiträge, Videos und Kommentare direkt auf jeder SeedProd-Seite einbetten. Anstatt Besucher zu Facebook weiterzuleiten, können Sie öffentliche Facebook-Inhalte genau dort anzeigen, wo sich Ihr Publikum bereits aufhält.
Egal, ob Sie einen Beitrag zu einer Produktankündigung hervorheben, ein Video-Testimonial präsentieren oder einen bestimmten Kundenkommentar hervorheben möchten – dieser Block bietet Ihnen flexible Einbettungsoptionen mit Steuerelementen, die auf jeden Inhaltstyp zugeschnitten sind.
Hinzufügen des Facebook-Einbettungsblocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Facebook-Einbettungsblock zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design“ > „Blöcke“ den Block „Facebook einbetten“ per Drag & Drop in den gewünschten Abschnitt Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Facebook-Einbettungsblock, um dessen Einstellungen zu öffnen. Konfigurieren Sie auf der Registerkarte „Inhalt“, welche Facebook-Inhalte angezeigt werden sollen und wie sie sich verhalten sollen.
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. Sobald die Verbindung hergestellt ist, erscheint die Option „App ändern“, um zu einer anderen Facebook-App zu wechseln.
- Einbettungstyp: Wählen Sie aus, welche Art von Facebook-Inhalten eingebettet werden soll – Beitrag, Video oder Kommentar. Die Felder unterhalb dieser Einstellung ändern sich je nachdem, welchen Typ Sie auswählen.
- Beitrags-Link (sichtbar, wenn „Einbettungstyp“ auf „Beitrag“ gesetzt ist): Geben Sie die vollständige URL des öffentlichen Facebook-Beitrags ein, den Sie einbetten möchten.
- Video-Link (sichtbar, wenn „Einbettungstyp“ auf „Video“ gesetzt ist): Geben Sie die vollständige URL des Facebook-Videos ein, das Sie einbetten möchten.
- Kommentar-Link (sichtbar, wenn „Einbettungstyp“ auf „Kommentar“ gesetzt ist): Geben Sie die vollständige URL des Facebook-Kommentars ein, den Sie einbetten möchten.
- Vollständigen Beitrag einfügen (sichtbar, wenn „Einbettungstyp“ auf „Beitrag“ oder „Video“ eingestellt ist): Aktivieren Sie diese Option, um den vollständigen Beitrag zusammen mit der Einbettung anzuzeigen, oder deaktivieren Sie sie, um eine gekürzte Version anzuzeigen.
- Vollbild zulassen (sichtbar, wenn „Einbettungstyp“ auf „Video“ gesetzt ist): Aktivieren Sie diese Option, damit Besucher das eingebettete Video auf Vollbild vergrößern können.
- Autoplay (sichtbar, wenn „Einbettungstyp“ auf „Video“ eingestellt ist): Aktivieren Sie diese Option, um das Video beim Laden der Seite automatisch abzuspielen.
- Untertitel (sichtbar, wenn „Einbettungstyp“ auf „Video“ eingestellt ist): Aktivieren Sie diese Option, um Untertitel für das eingebettete Video anzuzeigen, sofern verfügbar.
- Übergeordneter Kommentar (sichtbar, wenn „Einbettungstyp“ auf „Kommentar“ gesetzt ist): Aktivieren Sie diese Option, um den übergeordneten Beitrag neben dem eingebetteten Kommentar anzuzeigen und so zusätzlichen Kontext zu liefern.
- Ausrichtung: Legen Sie die horizontale Ausrichtung des eingebetteten Inhalts fest – links, mittig oder rechts.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie den Abstand und die Sichtbarkeit Ihres Facebook-Einbettungsblocks anpassen.
Abstand:
- Rand: Steuere den äußeren Abstand um deinen Facebook-Einbettungsblock herum (oben, rechts, unten, links).
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Facebook-Einbettungsblocks 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-Einbettungsblock 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-Einbettungsblock auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Facebook-Einbettungsblock auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blendet den Facebook-Einbettungsblock auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie einen Animationseffekt aus, der abgespielt wird, wenn der Facebook-Einbettungsblock in den Bildausschnitt scrollt, z. B. „Hüpfen“, „Einblenden“, „Vergrößern“, „Drehen“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Facebook-Einbettungsblocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Facebook-Einbettungsblock zu Ihrer Seite hinzugefügt! Mit diesem Block können Sie ganz einfach öffentliche Facebook-Inhalte in Ihre SeedProd-Seiten einbinden und so das Interesse Ihrer Besucher wecken, ohne sie von Ihrer Website wegzuschicken. Stellen Sie sicher, dass Ihre Facebook-App-ID korrekt konfiguriert ist, damit eingebettete Inhalte wie erwartet geladen und angezeigt werden.