SeedProd-Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für SeedProd

X (Twitter) Tweet-Button-Block

Mit dem Block „X (Twitter) Tweet Button“ können Sie einen nativen Tweet-Button zu jeder SeedProd-Seite hinzufügen, sodass Besucher Ihre Inhalte mit einem einzigen Klick ganz einfach mit ihren X (Twitter)-Followern teilen können. Sie können den Tweet mit einer URL, benutzerdefiniertem Text, Hashtags und Quellenangaben vorab ausfüllen und haben so die volle Kontrolle darüber, wie Ihre Inhalte geteilt werden.

Dieser Block eignet sich ideal für Blogbeiträge, Produktseiten und Landingpages, auf denen Sie Besucher dazu animieren möchten, Ihre Inhalte weiterzuverbreiten. Der Button passt sich an kleine und große Bildschirmgrößen an und unterstützt über 30 Anzeigesprachen, um sich Ihrem Publikum anzupassen.

X (Twitter) Tweet-Button-Block, der auf einer SeedProd-Seite angezeigt wird

Anforderungen:Der Block „X (Twitter) Tweet Button“ ist in allen unserenLizenzplänen verfügbar.


Hinzufügen des X (Twitter) Tweet-Button-Blocks zu Ihren Seiten

Befolgen Sie diese Schritte, um einen X (Twitter) Tweet-Button-Block zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter „Design“ > „Blöcke“ den Block „X (Twitter) Tweet-Button“ per Drag & Drop in den gewünschten Bereich Ihrer Seite.

Ziehen Sie den Block „X (Twitter) Tweet Button“ auf eine SeedProd-Seite.

Schritt 2: Inhaltseinstellungen konfigurieren

Klicken Sie nach dem Hinzufügen auf den Block „X (Twitter) Tweet Button“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ finden Sie unter dem Abschnitt „X (Twitter) Einstellungen“ die folgenden Optionen:

  • URL: Geben Sie die URL ein, die geteilt wird, wenn ein Besucher auf die Schaltfläche „Tweet“ klickt. Lassen Sie das Feld leer, um die URL der aktuellen Seite zu teilen.
  • Text: Geben Sie einen vorformulierten Tweet-Text ein, der im Tweet-Composer des Besuchers angezeigt wird, wenn dieser auf die Schaltfläche klickt. Lassen Sie das Feld leer, damit Besucher ihre eigene Nachricht verfassen können.
  • Hashtags: Geben Sie einen oder mehrere Hashtags ein, die in den vorformulierten Tweet aufgenommen werden sollen (durch Kommas getrennt, ohne das Symbol #).
  • Via: Geben Sie einen X (Twitter)-Benutzernamen ein, dem der Tweet zugeordnet werden soll (ohne das @-Symbol). Dieser erscheint im Tweet als „via @Benutzername”.
  • Verwandte Themen: Geben Sie eine durch Kommas getrennte Liste von X (Twitter)-Konten ein, die X (Twitter) dem Nutzer nach dem Posten des Tweets vorschlagen könnte.
  • Größe: Wählen Sie zwischen kleinen und großen Schaltflächen.
  • Ausrichtung: Legen Sie die horizontale Ausrichtung der Schaltfläche auf der Seite fest – links, mittig oder rechts – mit gerätespezifischen Steuerelementen für Desktop-PCs, Tablets und Mobilgeräte.
  • Sprache: Wählen Sie die Anzeigesprache für die Schaltflächenoberfläche. Zu den Optionen gehören Automatisch, Englisch, Arabisch, Bengali, Tschechisch, Dänisch, Deutsch, Griechisch, Spanisch, Persisch, Finnisch, Filipino, Französisch, Hebräisch, Hindi, Ungarisch, Indonesisch, Italienisch, Japanisch, Koreanisch, Malaiisch, Niederländisch, Norwegisch, Polnisch, Portugiesisch, Rumänisch, Russisch, Schwedisch, Thailändisch, Türkisch und mehr.
X (Twitter) Tweet-Button-Registerkarte „Inhalt“ mit URL, Text, Hashtags, Via, Größe und Spracheinstellungen

Schritt 3: Design anpassen

Auf der Registerkarte „Erweitert“ können Sie das Layout und Verhalten Ihres X (Twitter) Tweet-Button-Blocks weiter steuern.

Abstand:

  • Rand: Legen Sie den äußeren Abstand um den Block herum auf allen vier Seiten fest, mit unabhängigen Steuerelementen für Desktop, Tablet und Mobilgeräte.
  • Abstand: Legen Sie den inneren Abstand innerhalb des Block-Wrappers an allen vier Seiten fest, mit gerätespezifischen Steuerelementen.

Attribute:

  • Benutzerdefinierte Klasse: Fügen Sie dem Block-Wrapper eine oder mehrere benutzerdefinierte CSS-Klassen hinzu, um ein gezieltes Styling zu erzielen.
  • CSS-ID: SeedProd generiert automatisch eine eindeutige CSS-ID für diesen Block. Sie können diese ID verwenden, um den Block in benutzerdefiniertem CSS oder JavaScript zu referenzieren.
  • Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element benutzerdefinierte HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Format Schlüssel|Wert ein.

Geräte-Sichtbarkeit:

  • Auf dem Desktop ausblenden: Umschalten, um den Block bei der Anzeige auf Desktop-Bildschirmen auszublenden.
  • Auf Tablet ausblenden: Umschalten, um den Block bei der Anzeige auf Tablet-Bildschirmen auszublenden.
  • Auf Mobilgeräten ausblenden: Schalten Sie diese Option ein, um den Block auf Mobilgeräten auszublenden.

Animationseffekte:

  • Scroll-Effekt: Wende eine scroll-gesteuerte Animation auf den Block an, einschließlich Optionen für vertikales und horizontales Scrollen mit Steuerelementen für Richtung, Geschwindigkeit und Viewport-Offset.
  • Mouse Effect: Wende einen durch Mausbewegungen gesteuerten Parallax-Effekt auf den Block an.
X (Twitter) Tweet-Button Registerkarte „Erweitert“ mit den Optionen „Abstand“, „Attribute“, „Gerätesichtbarkeit“ und „Animationseffekte“

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des X (Twitter) Tweet-Button-Blocks abgeschlossen und dessen Erscheinungsbild angepasst haben, speichern Sie Ihre Arbeit.


Sie haben erfolgreich einen X (Twitter) Tweet-Button-Block zu Ihrer Seite hinzugefügt! Durch das Vorausfüllen des Tweet-Textes, der Hashtags und der Quellenangabe werden Hindernisse für Besucher beseitigt und die Wahrscheinlichkeit erhöht, dass sie Ihre Inhalte teilen. Kombinieren Sie diesen Block mit Ihren am häufigsten geteilten Inhalten, um die besten Ergebnisse zu erzielen.

Verwandte Artikel