Ein Tweet-Button in WordPress ermöglicht es Besuchern, Ihre Inhalte mit einem Klick auf X zu teilen. Sie können einen über ein kostenloses Plugin wie Better Click to Tweet, den Drag-and-Drop-Builder von SeedProd oder einen Einbettungscode aus dem Veröffentlichungstool von X hinzufügen. Die einfachste Methode für die meisten Blogger ist das kostenlose Plugin, und es dauert unter 5 Minuten ohne Code.
Ich habe Tweet-Buttons auf jedem Blog verwendet, den ich erstellt habe, von meinem Elternblog bis zu Kunden-Websites, und der Unterschied bei den Share-Raten ist spürbar, wenn sie richtig positioniert sind.
In diesem Leitfaden zeige ich Ihnen drei Möglichkeiten, einen Tweet-Button in WordPress hinzuzufügen, beginnend mit der schnellsten kostenlosen Option.
Warum einen Tweet-Button zu WordPress hinzufügen?
X (ehemals Twitter) hat weltweit rund 200 Millionen aktive Nutzer täglich. Das ist ein riesiges, fertiges Publikum, das Sie mit einem Klick von Ihrer Website aus erreichen können.
Ein Tweet-Button macht es für Leser schnell und einfach, Ihre Beiträge zu teilen, hilft Ihnen, neue Besucher zu erreichen, Follower zu gewinnen und die Markenbekanntheit zu steigern.
So fügen Sie einen Tweet-Button in WordPress hinzu
Drei Methoden funktionieren für die meisten WordPress-Websites. Ein kostenloses, dediziertes Plugin ist das schnellste. Der Drag-and-Drop-Builder von SeedProd bietet die meiste Designkontrolle. Und das Veröffentlichungstool von X funktioniert, wenn Sie lieber gar kein Plugin installieren möchten.
Hier ist ein schneller Vergleich, damit Sie den richtigen Ansatz wählen können, bevor Sie die vollständigen Schritte lesen.
| Methode | Kosten | Einrichtungszeit | Am besten für | Anpassbarkeit | Funktioniert ohne Seitenersteller |
|---|---|---|---|---|---|
| Besser auf Tweet klicken | Kostenlos | Unter 5 Minuten | Blogger, die klickbare Zitatboxen wünschen | Einfach | Ja |
| SeedProd | Kostenpflichtig | 15-30 Minuten | Volle Designkontrolle, benutzerdefinierte Seitenlayouts | Hoch | Nein (erfordert SeedProd) |
| X Veröffentlichungstool | Kostenlos | Unter 5 Minuten | Seitenleisten-Widget, kein Plugin erforderlich | Niedrig | Ja |
Methode 1: Better Click to Tweet (kostenloses Plugin)
Better Click to Tweet ist ein kostenloses WordPress-Plugin, das eine klickbare Zitatbox zu Ihren Beiträgen hinzufügt. Leser sehen ein hervorgehobenes Zitat mit der Aufforderung „Zum Tweeten klicken“ und teilen es mit einem Klick auf X. Es ist die am weitesten empfohlene kostenlose Option für Blogger, und die Einrichtung dauert unter 5 Minuten.
Ich habe im Laufe der Jahre Dutzende von Social-Sharing-Plugins überprüft, und Better Click to Tweet sticht durchweg hervor, weil es eine Sache gut macht.
So fangen Sie an:
- Gehen Sie in Ihrem WordPress-Dashboard zu Plugins » Neues Plugin hinzufügen und suchen Sie nach „Better Click to Tweet“.
- Installieren und aktivieren Sie das Plugin.
- Öffnen Sie einen Beitrag oder eine Seite im WordPress-Editor.
- Fügen Sie einen Better Click to Tweet-Block hinzu und geben Sie das Zitat ein, das Besucher teilen sollen.
- Veröffentlichen oder aktualisieren Sie Ihren Beitrag. Die Zitatbox erscheint mit einem „Click to Tweet“-Button darunter.
Sie können Ihren X-Handle, eine URL und Hashtags in den Blockeinstellungen hinzufügen, sodass jeder Tweet sie automatisch enthält.
Methode 2: Tweet-Button mit SeedProd hinzufügen
Wenn Sie einen Tweet-Button in ein benutzerdefiniertes Seitendesign integrieren möchten, ist SeedProd das richtige Werkzeug. Es ist ein vollständiger WordPress-Website-Builder mit einem Drag-and-Drop-Editor, was bedeutet, dass Sie einen Tweet-Button überall auf jeder Vorlage platzieren können, ohne Code anfassen zu müssen.
Es enthält auch Blöcke für Lead-Generierung und Social Sharing, einschließlich eines dedizierten Twitter-Tweet-Button-Blocks. Ich verwende SeedProd, um diese Website zu erstellen und zu verwalten, daher kenne ich diese Blöcke gut.
Befolgen Sie die nachstehenden Schritte, um mit SeedProd einen Tweet-Button hinzuzufügen.
Schritt 1. Installieren Sie das SeedProd-Plugin
Klicken Sie zuerst hier, um mit SeedProd loszulegen und das Plugin auf Ihren Computer herunterzuladen. Sie können dann die Plugin-.zip-Datei auf Ihre WordPress-Website hochladen.
Wenn Sie noch nie ein Plugin installiert haben, können Sie dieser Anleitung zum Installieren und Aktivieren eines WordPress-Plugins folgen.
Sobald SeedProd auf Ihrer Website aktiv ist, gehen Sie im WordPress-Dashboard zur Seite SeedProd » Einstellungen und geben Sie Ihren Lizenzschlüssel ein.
Nachdem Sie Ihren Lizenzschlüssel eingefügt haben, klicken Sie auf die Schaltfläche Schlüssel überprüfen.
Schritt 2. Erstellen Sie eine Landingpage oder ein WordPress-Theme
Es gibt 2 Möglichkeiten, mit SeedProd einen Tweet-Button zu Ihrer Website hinzuzufügen.
Sie können Ihr aktuelles WordPress-Theme ersetzen durch ein benutzerdefiniertes Theme, das mit den Website-Kits von SeedProd gestaltet wurde. Oder Sie können eine Landingpage mit Ihrem vorhandenen WordPress-Theme erstellen.
Für dieses Tutorial füge ich einen Tweet-Button zu Blogbeiträgen hinzu, indem ich die Single-Post-Vorlage mit dem Theme Builder von SeedProd anpasse. Schauen Sie sich diese Anleitung an, um alle Schritte zum Erstellen eines benutzerdefinierten WordPress-Themes mit SeedProd zu erfahren.
Wenn Sie es vorziehen, stattdessen einen Tweet-Button zu Ihrer Landingpage hinzuzufügen, können Sie dieser Anleitung zum Erstellen einer Landingpage in WordPress folgen.
Beide Tutorials zeigen Ihnen, wie Sie eine Vorlage auswählen und Ihr Theme oder Ihre Landingpage zur Anpassung vorbereiten. Wenn Sie bereit sind, Ihren Tweet-Button hinzuzufügen, springen Sie zu Schritt 3 dieser Anleitung.
Schritt 3. Tweet-Button zu WordPress hinzufügen
Nachdem Sie mit SeedProd ein Theme oder eine Landingpage erstellt haben, können Sie es mit dem Drag-and-Drop-Builder einfach anpassen. Wie oben erwähnt, werden wir unserer WordPress-Beitragsseite einen Tweet-Button hinzufügen. So können Benutzer Ihren Blogbeitrag nach dem Lesen twittern und ihn mit ihrem Publikum in sozialen Medien teilen.
Gehen Sie dazu zur Seite SeedProd » Theme Builder in Ihrem WordPress-Adminbereich. Dies zeigt die einzelnen Teile Ihres Themes an, wie zum Beispiel:
- Kopfzeile
- Fußzeile
- Seitenleiste
- Startseite
- Blog-Seite
- Einzelner Beitrag
- Einzelne Seite
Jeder Theme-Teil ist im visuellen Editor von SeedProd super einfach zu bearbeiten und anzupassen. Fahren Sie einfach mit der Maus über einen und klicken Sie auf den Link Design bearbeiten.
Da wir einen Tweet-Button zu Blogbeiträgen hinzufügen, bearbeiten wir die Vorlage Einzelner Beitrag. Nachdem Sie auf den Link Design bearbeiten geklickt haben, wird Ihre Vorlage im visuellen Drag-and-Drop-Editor von SeedProd geöffnet.
Sie sehen die verschiedenen Inhaltsblöcke und Abschnitte auf der linken Seite und eine Live-Vorschau Ihrer Seite auf der rechten Seite.
Wenn Sie auf ein beliebiges Element in Ihrer Live-Vorschau klicken, werden dessen Einstellungen im linken Bereich geöffnet. Dies ermöglicht es Ihnen, den Inhalt zu ändern und das Styling und Aussehen dieses Elements anzupassen.
Es gibt 2 Möglichkeiten, einen Tweet-Button mit SeedProd hinzuzufügen:
- Social Sharing Block
- Twitter Tweet Button Block
Wir werden beide Optionen demonstrieren, damit Sie entscheiden können, welche für Ihre Website am besten geeignet ist. Zuerst fügen wir jedoch eine neue Spalte hinzu, um unseren Twitter-Button unterzubringen.
Ziehen Sie dazu den Spaltenblock aus dem linken Bereich und legen Sie ihn auf Ihrer Vorschau ab. Sie können dann ein Spaltenlayout für Ihren Inhalt auswählen.
In diesem Beispiel haben wir ein 2-Spalten-Layout, wobei eine Seite breiter ist als die andere.
Ziehen Sie als Nächstes den Überschriftenblock heran und fügen Sie ihn in die erste Spalte ein. Im Einstellungsbereich können Sie die Überschrift ändern, z. B. „Teilen Sie dies“.
Jetzt sind Sie bereit, Ihre Tweet-Buttons hinzuzufügen.
SeedProd Social Sharing Block
Zuerst verwenden wir den Social Sharing-Block von SeedProd, um Freigabe-Buttons für mehrere soziale Netzwerke, einschließlich Twitter, hinzuzufügen. Finden Sie den Block im Bereich Erweiterte Blöcke und ziehen Sie ihn in die zweite Spalte Ihres Designs.
SeedProd füllt ihn mit einem Tweet-Button und einem Facebook-Freigabe-Button vor. Wenn Sie auf den Block klicken, können Sie weitere Social-Sharing-Optionen für Pinterest und LinkedIn hinzufügen sowie Einstellungen zur Änderung der Button-Größe und -Ausrichtung.
Im Tab Erweiterte Einstellungen können Sie die Button-Stile und Abstände anpassen und sie auf Mobil- und Desktop-Geräten ein- oder ausblenden.
Twitter Tweet Button Block
Um einen einzelnen Tweet-Button hinzuzufügen, suchen Sie einfach den Block Twitter Tweet Button im Bereich Erweiterte Blöcke und ziehen Sie ihn dann auf Ihre Seite.
Im Einstellungsbereich des Tweet-Buttons können Sie verschiedene Einstellungen anpassen. Sie können beispielsweise die URL hinzufügen, die Besucher teilen sollen, den Tweet-Inhalt und Hashtags.
Sie können @-Erwähnungen und zugehörige Twitter-Konten hinzufügen und die Button-Größe, -Ausrichtung und -Sprache ändern.
Experimentieren Sie mit den Social-Sharing- und Tweet-Button-Blöcken von SeedProd, bis Sie eine Kombination gefunden haben, die zu Ihrer Website passt. Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke.
Schritt 4. Veröffentlichen Sie Ihren Tweet-Button in WordPress
Der nächste Schritt ist, Ihren Tweet-Button auf Ihrer WordPress-Seite live zu schalten. Gehen Sie dazu zur Seite SeedProd » Theme Builder und stellen Sie den Schalter Enable SeedProd Theme auf „An“.
Großartige Arbeit! Jetzt können Sie Ihre Website in der Vorschau anzeigen, um zu sehen, wie Ihr Tweet-Button aussieht.
Hier ist ein Beispiel für den Tweet-Button:
Und hier ist ein Beispiel für die Share-Buttons:
Methode 3: Tweet-Button manuell zu WordPress hinzufügen
Wenn Sie lieber kein Plugin installieren möchten, können Sie mit dem X Publish-Tool in Sekundenschnelle einen Button-Embed-Code generieren. Der Nachteil ist die eingeschränkte Anpassung und keine Klickverfolgung über WordPress.
Gehen Sie zunächst zu publish.twitter.com und wählen Sie den Einbettungstyp Twitter Buttons.
Als Nächstes öffnet sich ein Fenster, in dem Sie aufgefordert werden, einen Button-Typ auszuwählen:
- Share-Button: Teilen Sie einen Link auf Twitter.
- Follow-Button: Ermöglichen Sie Benutzern, Ihrem Twitter-Profil zu folgen.
- Mention-Button: Starten Sie eine Konversation direkt von Ihrer Website aus.
- Hashtag-Button: Twittern Sie über ein Thema mit Hashtags.
- Message-Button: Ermöglichen Sie Besuchern, Ihnen privat auf Twitter eine Nachricht zu senden.
Wählen wir für diese Anleitung den Share-Button. Nachdem Sie auf Ihren Button-Typ geklickt haben, sehen Sie eine Seite, die der folgenden ähnelt:
Klicken Sie auf den Button, um den Embed-Code zu kopieren, und kehren Sie dann zu Ihrer WordPress-Website zurück.
Wir fügen diesen Tweet-Button zu unserer WordPress-Seitenleiste hinzu. Navigieren Sie dazu in Ihrem WordPress-Dashboard zu Design » Widgets. Suchen Sie dann den Block Benutzerdefiniertes HTML und fügen Sie ihn Ihrem primären Seitenleistenbereich hinzu.
Fügen Sie in den Block den zuvor kopierten Tweet-Button-Embed-Code ein und klicken Sie auf die Schaltfläche Aktualisieren.
Wenn Sie nun Ihre WordPress-Website besuchen, sehen Sie Ihren Tweet-Button in der Seitenleiste Ihres Blogs.
Wenn Sie einen Live-X-Feed anzeigen und Besuchern die Möglichkeit geben möchten, Ihre Inhalte zu teilen, kümmert sich das Plugin Smash Balloon’s Custom Twitter Feeds um beides. Jeder Feed enthält integrierte Tweet-Buttons, daher lohnt es sich, dies in Betracht zu ziehen, wenn Sie einen Feed und Share-Buttons an einem Ort benötigen.
FAQs zum Hinzufügen eines Tweet-Buttons in WordPress
Wie füge ich ein Twitter-Symbol zu WordPress hinzu?
Der einfachste Weg ist die Verwendung eines Social-Sharing-Plugins. Better Click to Tweet fügt automatisch einen Share-Button hinzu. Mit dem Social Sharing-Block von SeedProd können Sie X neben anderen Netzwerken mit einem Drag-and-Drop-Editor hinzufügen. Sie können auch das X Publish-Tool unter publish.twitter.com verwenden, um einen Icon-Embed-Code zu generieren und ihn in einen Custom HTML-Block einzufügen.
Wie füge ich einen Tweet in WordPress ein?
Um einen vorhandenen Tweet einzubetten, fügen Sie die Tweet-URL in einen beliebigen WordPress-Absatzblock ein und drücken Sie Enter. WordPress wird ihn automatisch rendern. Um eine klickbare „Click to Tweet“-Zitatbox zu erstellen, verwenden Sie das Better Click to Tweet-Plugin und fügen Sie Ihren eigenen Zitattext hinzu.
Was ist mit dem Click to Tweet-Plugin passiert?
Das ursprüngliche CoSchedule Click to Tweet-Plugin wurde eingestellt. Better Click to Tweet ist der am weitesten empfohlene kostenlose Ersatz. Es funktioniert genauso: Sie fügen einen Pull-Quote-Block in Ihren Beitrag ein, und die Leser sehen eine „Klick zum Tweet“-Aufforderung, die den Tweet mit Ihrem Text und Ihrer URL vorab ausfüllt.
Wo sollte ich einen Tweet-Button für die besten Ergebnisse platzieren?
Das Ende des Beitrags eignet sich gut für Share-Buttons, da Leser, die Ihren Inhalt bis zum Ende lesen, ihn am ehesten teilen. Für Click-to-Tweet-Zitatboxen platzieren Sie diese mitten im Artikel direkt nach einer Statistik oder Erkenntnis, die es wert ist, geteilt zu werden. Seitenleistenplatzierungen eignen sich für Follow-Buttons, erzielen aber tendenziell geringere Interaktionen für Share-Buttons.
Kann ich Hashtags oder @Erwähnungen im Tweet-Button vorab ausfüllen?
Ja. Sowohl SeedProd als auch das X Publish-Tool ermöglichen es Ihnen, benutzerdefinierten Text, Hashtags und @Erwähnungen in den Button-Einstellungen festzulegen. Mit Better Click to Tweet können Sie in den Plugin-Einstellungen einen „via“-Handle hinzufügen, sodass jeder geteilte Tweet automatisch Ihren X-Benutzernamen enthält.
Das ist alles. Sie haben jetzt drei Möglichkeiten, einen Tweet-Button zu WordPress hinzuzufügen: ein kostenloses Plugin für schnelle Click-to-Tweet-Boxen, SeedProd für die vollständige Designkontrolle und den Embed-Code von X, wenn Sie Plugins komplett überspringen möchten.
Vielleicht gefällt Ihnen auch dieser Leitfaden, wie Sie Ihren Blog wie eine Website aussehen lassen.
Bereit, Tweet-Buttons zu Ihrer Website hinzuzufügen?
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
