SeedProd Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

Facebook Kommentare Block

Der Facebook Kommentare Block ermöglicht es Besuchern, mit Ihren Seiteninhalten über ihre Facebook-Konten zu interagieren und bietet eine vertraute Kommentarerfahrung direkt auf Ihren SeedProd-Seiten.

Dieser Block ist ideal für Blogbeiträge, Landingpages oder alle Inhalte, bei denen Sie Diskussionen fördern möchten, ohne ein separates Kommentarsystem verwalten zu müssen. Besucher können kommentieren, antworten und interagieren, indem sie ihre bestehende Facebook-Identität nutzen.

Voraussetzungen: Der Facebook Kommentare Block ist in allen unseren Lizenzplänen verfügbar. Sie müssen Ihre Facebook App ID unter Seiteneinstellungen oder in SeedProd > Einstellungen konfigurieren, bevor dieser Block korrekt angezeigt wird.

Beispiel für einen Facebook-Kommentare-Block

Hinzufügen des Facebook Kommentare Blocks zu Ihren Seiten

Befolgen Sie diese Schritte, um einen Facebook Kommentare Block zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter Design > Blöcke den Facebook Kommentare Block per Drag & Drop in den gewünschten Bereich Ihrer Seite.

Ziehen des Facebook-Kommentare-Blocks auf eine SeedProd-Seite

Schritt 2: Inhaltseinstellungen konfigurieren

Nach dem Hinzufügen klicken Sie auf den Facebook Kommentare Block, um seine Einstellungen zu öffnen. Im Tab Inhalt konfigurieren Sie, wie das Kommentar-Widget funktioniert.

Facebook-Einstellung:

  • Facebook App ID: Zeigt Ihre verbundene Facebook App an. Wenn keine App ID konfiguriert ist, sehen Sie eine Aufforderung, diese in den Seiteneinstellungen festzulegen. Nach der Verbindung erscheint eine Option App ändern, um zu einer anderen Facebook App zu wechseln.
  • Anzahl der Kommentare: Legen Sie die Mindestanzahl der anzuzeigenden Kommentare fest, von 5 bis 20.
  • Sortieren nach: Wählen Sie, wie Kommentare sortiert werden – Sozial (nach Engagement geordnet), Umgekehrte Zeit (älteste zuerst) oder Zeit (neueste zuerst).
  • Farbschema: Wählen Sie zwischen einem hellen oder dunklen Farbschema für das Kommentar-Widget.
  • Lazy Loading: Aktivieren Sie diese Option, um das Laden des Facebook Kommentare Widgets aufzuschieben, bis es in das Sichtfeld des Besuchers scrollt. Dies verbessert die Ladeleistung der Seite.
  • Ziel-URL: Legen Sie die URL fest, mit der die Kommentare verknüpft sind. Wählen Sie Aktuelle Seite, um die URL der Seite selbst zu verwenden, oder Benutzerdefiniert, um eine andere URL anzugeben. Wenn Sie Benutzerdefiniert wählen, erscheint ein zusätzliches Feld Link, um die benutzerdefinierte URL einzugeben.
  • URL-Format (sichtbar, wenn Ziel-URL auf Aktuelle Seite gesetzt ist): Wählen Sie zwischen Einfacher Permalink oder Schöner Permalink, wie die Seiten-URL an Facebook übergeben wird.
  • Ausrichtung: Legen Sie die horizontale Ausrichtung des Kommentar-Widgets fest – Links, Mitte oder Rechts.
Inhaltseinstellungen für den Facebook-Kommentare-Block

Schritt 3: Design anpassen

Im Tab Erweitert können Sie den Abstand und die Sichtbarkeit Ihres Facebook Kommentare Blocks anpassen.

Abstand:

  • Abstand (Außen): Steuern Sie den äußeren Abstand um Ihren Facebook Kommentare Block (Oben, Rechts, Unten, Links).
  • Abstand (Innen): Passen Sie den inneren Abstand innerhalb Ihres Facebook Kommentare Blocks 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-Kommentare-Block an, die automatisch von SeedProd 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: Blendet den Facebook-Kommentare-Block auf Desktop-Bildschirmen aus.
  • Auf Tablet ausblenden: Blendet den Facebook-Kommentare-Block auf Tablet-Geräten aus.
  • Auf Mobilgeräten ausblenden: Blendet den Facebook-Kommentare-Block auf Mobilgeräten aus.

Animationseffekte:

  • Eingangs-Animation: Wählen Sie einen Animationseffekt, der abgespielt wird, wenn der Facebook-Kommentare-Block ins Sichtfeld scrollt, wie z. B. Bounce, Fade In, Zoom In, Rotate In und viele mehr.
Erweiterte Einstellungen für den Facebook-Kommentare-Block

Schritt 4: Speichern Sie Ihre Änderungen

Nachdem Sie die Konfiguration des Facebook-Kommentare-Blocks abgeschlossen und sein Aussehen angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.


Sie haben erfolgreich einen Facebook-Kommentare-Block zu Ihrer Seite hinzugefügt! Dieser Block erleichtert die Förderung des Besucherengagements mithilfe eines Kommentarsystems, das Ihre Zielgruppe bereits kennt und dem sie vertraut. Stellen Sie sicher, dass Ihre Facebook App ID korrekt konfiguriert ist, damit das Widget Kommentare wie erwartet lädt und speichert.

Verwandte Artikel