Der Block „Social Sharing“ fügt Ihren SeedProd-Seiten eine Reihe von Schaltflächen zum Teilen hinzu, sodass Besucher Ihre Seite oder Ihren Beitrag ganz einfach auf ihren bevorzugten Social-Media-Plattformen teilen können. Zu den unterstützten Plattformen gehören Facebook, X (Twitter), LinkedIn und Pinterest – jede davon wird als Marken-Schaltfläche dargestellt, die den Dialog zum Teilen der Plattform mit Ihrer vorab ausgefüllten Seiten-URL öffnet.
Im Gegensatz zum Block „Soziale Profile“, der mit Ihren eigenen Konten verknüpft ist, dient der Block „Soziales Teilen“ dazu, Ihre Inhalte zu verbreiten, indem Sie Ihr Publikum zum Teilen animieren. Sie können die Beschriftung jeder Schaltfläche anpassen, plattformspezifische Optionen wie ein Pinterest-Bild oder einen vorab ausgefüllten Tweet-Text (Twitter) hinzufügen und die Schaltflächen per Drag & Drop neu anordnen, um die für Ihr Publikum relevantesten Plattformen zu priorisieren.
Hinzufügen des Social-Sharing-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Social-Sharing-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design“ > „Blöcke“ den Block „Social Sharing“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Klicken Sie nach dem Hinzufügen auf den Block „Social Sharing“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ können Sie im Abschnitt „Social Sharing“ Ihre Liste mit Teilen-Buttons verwalten und Anzeigeoptionen konfigurieren.
Verwalten von Teilen-Buttons:
- Plattformtyp: Verwenden Sie das Dropdown-Menü neben jedem Eintrag, um die soziale Plattform auszuwählen. Verfügbare Optionen sind Facebook, X (Twitter), LinkedIn und Pinterest.
- Bezeichnung: Klicken Sie auf das Zahnrad-Symbol für die Einstellungen eines beliebigen Eintrags, um dessen Optionen zu erweitern, und geben Sie dann eine benutzerdefinierte Bezeichnung ein, die neben dem Symbol zum Teilen angezeigt werden soll (z. B. „Teilen“, „Tweet“, „Pin It“).
- Tweet-Text (nur X / Twitter): Wenn das Einstellungsfeld für X (Twitter) geöffnet ist, geben Sie den vorab ausgefüllten Tweet-Text ein, der im Twitter-Freigabedialogfeld angezeigt wird, wenn ein Besucher auf die Schaltfläche klickt.
- Bild (nur Pinterest): Wenn das Pinterest-Einstellungsfenster geöffnet ist, wählen Sie eine Bild-URL aus oder geben Sie sie ein, die mit dem Pin geteilt werden soll. Sie können ein Bild aus Ihrer Medienbibliothek auswählen oder eine direkte Bild-URL in das Feld „Image Src“ einfügen.
- Neu anordnen: Ziehen Sie Einträge mithilfe des Ziehgriffs (Pfeilsymbol) nach oben oder unten, um die Anzeigereihenfolge der Freigabeschaltflächen zu ändern.
- Duplizieren/Löschen: Bewegen Sie den Mauszeiger über einen Eintrag, um die Schaltflächen „Duplizieren“ und „Löschen“ für eine schnelle Verwaltung anzuzeigen.
- Neue Freigabe hinzufügen: Klicken Sie unten in der Liste auf die Schaltfläche „+ Neue Freigabe hinzufügen“, um eine weitere Plattformschaltfläche hinzuzufügen.
Anzeigeoptionen:
- Größe: Legen Sie die Gesamtgröße der Schaltfläche fest – Klein, Mittel oder Groß.
- Ausrichtung: Legen Sie die horizontale Ausrichtung der Schaltflächenreihe fest – links, mittig oder rechts. Unterstützt die gerätespezifische Ausrichtung für Desktop-PCs, Tablets und Mobilgeräte.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild Ihres Social-Sharing-Blocks anpassen und dessen Sichtbarkeit steuern.
Stile:
- Abstand zwischen: Stellen Sie den horizontalen Abstand zwischen den einzelnen Freigabe-Schaltflächen in der Zeile mithilfe des Schiebereglers ein (1–100 px).
- Schatten: Fügen Sie den Freigabe-Schaltflächen einen Schatteneffekt hinzu. Wählen Sie aus voreingestellten Größen – Keine, Haarlinie, Klein, Mittel, Groß, X Groß und 2X Groß.
Abstand:
- Rand: Steuere den äußeren Abstand um deinen Social-Sharing-Block herum (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Social-Sharing-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 Social-Sharing-Block an. Diese ID wird automatisch von SeedProd erstellt und kann für benutzerdefiniertes Styling oder JavaScript-Targeting verwendet werden.
- 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 (z. B. data-section|share).
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Blendet den Block „Social Sharing“ auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Block „Social Sharing“ auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blockt den Block „Social Sharing“ auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Block „Social Sharing“ in den Bildschirm scrollt. Zu den Optionen gehören „Bounce“, „Fade In“, „Zoom In“, „Rotate In“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Blocks „Social Sharing“ und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Social-Sharing-Block zu Ihrer Seite hinzugefügt! Dieser Block bietet Besuchern die Möglichkeit, Ihre Inhalte mit einem einfachen Klick auf Facebook, X (Twitter), LinkedIn und Pinterest zu teilen, und hilft Ihnen so, die Reichweite Ihrer Inhalte ohne zusätzlichen Aufwand zu vergrößern. Passen Sie die Beschriftungen, die Größe und den Abstand der Schaltflächen an das Design Ihrer Seite an und verwenden Sie die Ausrichtungssteuerelemente für einzelne Geräte, um sicherzustellen, dass die Schaltflächen auf jedem Bildschirm gut aussehen.