Der Facebook-Einbettungsblock ermöglicht es Ihnen, Facebook-Posts, Videos und Kommentare direkt auf jeder SeedProd-Seite einzubetten. Anstatt Besucher zu Facebook weiterzuleiten, können Sie öffentliche Facebook-Inhalte genau dort anzeigen, wo Ihr Publikum bereits interagiert.
Ob Sie einen Produktankündigungs-Post hervorheben, eine Video-Testimonial präsentieren oder einen bestimmten Kundenkommentar featured 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 Facebook-Einbettungsblock in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Facebook-Einbettungsblock, um seine Einstellungen zu öffnen. Konfigurieren Sie im Tab 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, sehen Sie eine Aufforderung, sie in den Seiteneinstellungen festzulegen. Nach der Verbindung erscheint eine Option App ändern, um zu einer anderen Facebook-App zu wechseln.
- Einbettungstyp: Wählen Sie aus, welche Art von Facebook-Inhalt eingebettet werden soll – Post, Video oder Kommentar. Die Felder unter dieser Einstellung ändern sich je nach ausgewählter Option.
- Post-Link (sichtbar, wenn Einbettungstyp auf Post gesetzt ist): Geben Sie die vollständige URL des öffentlichen Facebook-Posts 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 Post einschließen (sichtbar, wenn Einbettungstyp auf Post oder Video gesetzt ist): Aktivieren Sie diese Option, um den vollständigen Post-Inhalt zusammen mit der Einbettung anzuzeigen, oder deaktivieren Sie sie, um eine komprimierte Version anzuzeigen.
- Vollbild erlauben (sichtbar, wenn Einbettungstyp auf Video gesetzt ist): Aktivieren Sie diese Option, damit Besucher das eingebettete Video im Vollbildmodus anzeigen können.
- Autoplay (sichtbar, wenn Einbettungstyp auf Video gesetzt ist): Aktivieren Sie diese Option, damit das Video automatisch abgespielt wird, wenn die Seite geladen wird.
- Untertitel (sichtbar, wenn Einbettungstyp auf Video gesetzt 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 Post zusammen mit dem eingebetteten Kommentar für zusätzlichen Kontext einzuschließen.
- Ausrichtung: Legen Sie die horizontale Ausrichtung des eingebetteten Inhalts fest – Links, Mitte oder Rechts.
Schritt 3: Design anpassen
Im Tab Erweitert können Sie den Abstand und die Sichtbarkeit Ihres Facebook-Einbettungsblocks anpassen.
Abstand:
- Abstand: Steuern Sie den äußeren Abstand um Ihren Facebook-Einbettungsblock (Oben, Rechts, Unten, Links).
- Innenabstand: 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 benutzerdefinierte Stile oder JavaScript-Ziele erstellt wurde.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um spezifische Stile aus Ihrem Theme oder benutzerdefinierten CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element beliebige HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Format ein: attribut-name|wert.
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Blenden Sie den Facebook-Einbettungsblock auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blenden Sie den Facebook-Einbettungsblock auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Facebook-Einbettungsblock auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie einen Animationseffekt, der abgespielt wird, wenn der Facebook-Einbettungsblock ins Sichtfeld gescrollt wird, wie z. B. Bounce, Fade In, Zoom In, Rotate In und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Sobald Sie die Konfiguration des Facebook-Einbettungsblocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen Facebook-Einbettungsblock zu Ihrer Seite hinzugefügt! Dieser Block erleichtert die Einbindung von öffentlichen Facebook-Inhalten auf Ihren SeedProd-Seiten. So bleiben Ihre Besucher engagiert, ohne dass sie Ihre Seite verlassen müssen. Stellen Sie sicher, dass Ihre Facebook App ID korrekt konfiguriert ist, damit eingebettete Inhalte wie erwartet geladen und angezeigt werden.