Eine Tweet-Schaltfläche in WordPress macht es Besuchern leicht, Ihre Inhalte mit einem Klick auf X (früher Twitter) zu teilen. Diese zusätzliche Sichtbarkeit kann neue Besucher anlocken, Ihre Anhängerschaft vergrößern und die Reichweite Ihrer Marke erhöhen.
Ich habe gesehen, wie schnell sich die Zahl der Likes erhöht, wenn die Leser ein einfaches Tool mit nur einem Klick zur Verfügung haben. In diesem Leitfaden zeige ich Ihnen daher Schritt für Schritt, wie Sie eine Tweet-Schaltfläche in WordPress hinzufügen können.
Schnelle Methoden zum Hinzufügen einer Tweet-Schaltfläche zu WordPress:
- Hinzufügen eines Tweet-Buttons zu WordPress mit SeedProd
- Manuelles Hinzufügen eines Tweet-Buttons zu WordPress
- Bonus: Twitter Feeds und Tweet Buttons mit Smash Balloon anzeigen
- FAQs zum Hinzufügen eines Tweet-Buttons in WordPress
Warum einen Tweet-Button zu WordPress hinzufügen?
X (ehemals Twitter) hat weltweit rund 200 Millionen täglich aktive Nutzer. Das ist ein riesiges, fertiges Publikum, das Sie mit einem Klick von Ihrer Website aus erschließen können.
Mit einer Tweet-Schaltfläche können die Leser Ihre Beiträge schnell und einfach teilen, wodurch Sie neue Besucher erreichen, die Zahl der Follower erhöhen und die Sichtbarkeit Ihrer Marke steigern können.
Wie man einen Tweet-Button in WordPress hinzufügt
Es gibt verschiedene Möglichkeiten, eine Click-to-Tweet-Box oder -Schaltfläche in Ihre Website einzubauen; einige sind jedoch viel einfacher als andere.
In diesem Beitrag zeige ich Ihnen zunächst, wie Sie mit einem WordPress-Plugin ganz einfach einen Click-to-Tweet-Button hinzufügen können. Anschließend zeige ich Ihnen, wie Sie den Code für den Twitter-Tweet-Button manuell hinzufügen.
Hinzufügen eines Tweet-Buttons zu WordPress mit SeedProd
Für die erste Methode verwende ich SeedProd, den besten WordPress-Website-Builder, um eine Twitter-Schaltfläche zu Ihrer Website hinzuzufügen. Es verfügt über einen visuellen Drag-and-Drop-Editor, mit dem Sie jeden Bereich Ihrer WordPress-Website ohne Code erstellen und anpassen können.
Dieses Plugin enthält auch leistungsstarke Inhaltselemente und Blöcke, die bei der Lead-Generierung, der Markenbekanntheit und der Benutzerfreundlichkeit helfen. Der Block, den wir in diesem Leitfaden verwenden, ist zum Beispiel die Twitter-Tweet-Schaltfläche.
Führen Sie die folgenden Schritte aus, um einen Tweet-Button in WordPress mit SeedProd hinzuzufügen.
Schritt 1. Installieren Sie das SeedProd Plugin
Klicken Sie zunächst hier, um mit SeedProd zu beginnen und laden Sie das Plugin auf Ihren Computer herunter. Anschließend können Sie die .zip-Datei des Plugins auf Ihre WordPress-Website hochladen.
Wenn Sie noch nie ein Plugin installiert haben, können Sie dieser Anleitung zur Installation und Aktivierung eines WordPress-Plugins folgen.
Sobald SeedProd auf Ihrer Website aktiv ist, gehen Sie auf die Seite SeedProd " Einstellungen in Ihrem WordPress-Dashboard 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 Landing Page 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 durch ein individuelles Theme ersetzen, das mit den Website-Kits von SeedProd entworfen wurde. Oder Sie können eine Landing Page mit Ihrem bestehenden WordPress-Theme erstellen.
In diesem Tutorial füge ich eine Tweet-Schaltfläche zu Blogbeiträgen hinzu, indem ich die Einzelbeitragsvorlage mit dem Theme-Builder von SeedProd anpasse. In diesem Leitfaden finden Sie alle Schritte zur Erstellung eines benutzerdefinierten WordPress-Themes mit SeedProd.
Wenn Sie stattdessen lieber einen Tweet-Button zu Ihrer Landing Page hinzufügen möchten, können Sie diese Anleitung zum Erstellen einer Landing Page in WordPress befolgen.
In beiden Tutorials erfahren Sie, wie Sie eine Vorlage auswählen und Ihr Thema oder Ihre Landing Page anpassen können. Wenn Sie bereit sind, Ihre Tweet-Schaltfläche hinzuzufügen, springen Sie zu Schritt 3 dieser Anleitung.
Schritt 3. Hinzufügen eines Tweet-Buttons zu WordPress
Nachdem Sie ein Thema oder eine Landing Page mit SeedProd erstellt haben, können Sie sie mit dem Drag-and-Drop-Builder leicht anpassen. Wie oben erwähnt, fügen wir unserer WordPress-Post-Seite einen Tweet-Button hinzu. Auf diese Weise können die Nutzer nach dem Lesen Ihres Blogbeitrags einen Tweet darüber absetzen und ihn mit ihrem Publikum in den sozialen Medien teilen.
Gehen Sie dazu in Ihrer WordPress-Verwaltung auf die Seite SeedProd " Theme Builder. Hier werden die einzelnen Teile Ihres Themes angezeigt, wie z. B. Ihr:
- Kopfzeile
- Fußzeile
- Seitenleiste
- Homepage
- Blog-Seite
- Einzelne Stelle
- Einzelne Seite
Jeder Teil des Themas kann im visuellen Editor von SeedProd ganz einfach bearbeitet und angepasst werden. Bewegen Sie einfach den Mauszeiger über einen Teil und klicken Sie auf den Link Design bearbeiten.
Da wir eine Tweet-Schaltfläche zu Blogbeiträgen hinzufügen wollen, bearbeiten wir die Vorlage für einen einzelnen 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 der Live-Vorschau klicken, werden dessen Einstellungen im linken Bereich geöffnet. Hier können Sie den Inhalt ändern und das Styling und Aussehen des Elements anpassen.
Es gibt 2 Möglichkeiten, einen Tweet-Button mit SeedProd hinzuzufügen:
- Block für soziale Netzwerke
- Twitter-Tweet-Button-Block
Wir zeigen Ihnen beide Optionen, damit Sie entscheiden können, welche für Ihre Website am besten geeignet ist, aber zunächst fügen wir eine neue Spalte für unsere Twitter-Schaltfläche hinzu.
Ziehen Sie dazu den Spaltenblock aus dem linken Fenster und legen Sie ihn in Ihrer Vorschau ab. Sie können dann ein Spaltenlayout für Ihren Inhalt wählen.
In diesem Beispiel haben wir ein 2-spaltiges Layout, bei dem eine Seite breiter ist als die andere.
Ziehen Sie dann den Überschriftenblock und fügen Sie ihn der ersten Spalte hinzu. Im Einstellungsfenster können Sie die Überschrift ändern, z. B. in "Teilen Sie dies".
Jetzt können Sie Ihre Tweet-Buttons hinzufügen.
SeedProd Social Sharing Block
Zunächst werden wir den Social Sharing-Block von SeedProd verwenden, um Schaltflächen für mehrere soziale Netzwerke, einschließlich Twitter, hinzuzufügen. Suchen Sie den Block im Bereich " Erweiterte Blöcke" und fügen Sie ihn in die zweite Spalte Ihres Designs ein.
SeedProd füllt ihn mit einem Tweet-Button und einem Facebook-Share-Button aus. Wenn Sie auf den Block klicken, können Sie weitere Social Sharing-Optionen für Pinterest und LinkedIn hinzufügen und die Größe und Ausrichtung der Schaltfläche ändern.
Auf der Registerkarte "Erweiterte Einstellungen" können Sie die Schaltflächenstile und -abstände anpassen und sie auf mobilen und Desktop-Geräten ein- oder ausblenden.
Twitter Tweet Button Block
Um einen einzelnen Tweet-Button hinzuzufügen, suchen Sie einfach den Twitter Tweet-Button-Block im Panel Erweiterte Blöcke und ziehen Sie ihn auf Ihre Seite.
Im Einstellungsfeld für die Tweet-Schaltfläche können Sie verschiedene Einstellungen anpassen. Sie können zum Beispiel die URL, die Besucher teilen sollen, den Inhalt des Tweets und Hashtags hinzufügen.
Sie können @ über Erwähnungen und verwandte Twitter-Konten hinzufügen und die Größe, Ausrichtung und Sprache der Schaltfläche ändern.
Experimentieren Sie mit den Social Sharing- und Tweet-Buttons 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 besteht darin, Ihre Tweet-Schaltfläche auf Ihrer WordPress-Website zu aktivieren. Gehen Sie dazu auf die Seite SeedProd " Theme Builder und schalten Sie den Schalter Enable SeedProd Theme auf die Position "On".
Gute Arbeit! Jetzt können Sie eine Vorschau Ihrer Website anzeigen, um zu sehen, wie Ihr Tweet-Button aussieht.
Hier ist ein Beispiel für die Schaltfläche "Tweet":
Und hier ist ein Beispiel für die Schaltflächen zum Teilen:
Manuelles Hinzufügen eines Tweet-Buttons zu WordPress
Bei der nächsten Methode zeigen wir Ihnen, wie Sie einen Tweet-Button manuell und ohne WordPress-Plugin in WordPress einfügen können. Dazu können Sie die Veröffentlichungstools von Twitter verwenden, mit denen Sie einen Tweet, eine Timeline oder eine Schaltfläche einbetten können.
Diese Methode bietet nicht viel Kontrolle über den Tweet-Button. Es ist jedoch eine hilfreiche Lösung für Benutzer, die ihrer WordPress-Website keine weiteren Plugins hinzufügen möchten.
Gehen Sie dazu auf die Website des Twitter-Veröffentlichungstools und wählen Sie den Einbettungstyp Twitter-Buttons.
Als Nächstes wird ein Fenster angezeigt, in dem Sie aufgefordert werden, einen Schaltflächentyp auszuwählen:
- Schaltfläche "Teilen": Teilen Sie einen Link auf Twitter.
- Schaltfläche "Folgen": Ermöglicht es Nutzern, Ihrem Twitter-Profil zu folgen.
- Erwähnungstaste: Starten Sie ein Gespräch direkt von Ihrer Website aus.
- Hashtag-Schaltfläche: Tweeten Sie mit Hashtags über ein Thema.
- Nachrichtentaste: Besucher können Ihnen eine private Nachricht auf Twitter schicken.
Wählen wir für diese Anleitung die Schaltfläche Freigeben. Nachdem Sie auf die Schaltfläche geklickt haben, wird eine Seite ähnlich der folgenden angezeigt:
Klicken Sie auf die Schaltfläche, um den Einbettungscode zu kopieren, und gehen Sie dann zurück zu Ihrer WordPress-Website.
Wir fügen diesen Tweet-Button zu unserer WordPress-Seitenleiste hinzu. Navigieren Sie dazu in Ihrem WordPress-Dashboard zu Darstellung " Widgets. Suchen Sie dann den benutzerdefinierten HTML-Block und fügen Sie ihn zu Ihrem primären Seitenleistenbereich hinzu.
Fügen Sie innerhalb des Blocks den zuvor kopierten Einbettungscode für die Tweet-Schaltfläche ein, und klicken Sie auf die Schaltfläche Aktualisieren.
Wenn Sie nun Ihre WordPress-Website besuchen, sehen Sie Ihre Tweet-Schaltfläche in der Seitenleiste Ihres Blogs.
Bonus: Twitter Feeds und Tweet Buttons mit Smash Balloon anzeigen
Wussten Sie, dass Sie mit dem Twitter Feeds Plugin von Smash Balloon auch schöne Twitter Feeds in Ihre WordPress Seite einfügen können?
Das Plugin Custom Twitter Feeds ist das am besten bewertete Twitter-Feed-Plugin für WordPress. Sie können es verwenden, um mit wenigen Klicks beeindruckende Twitter-Feeds auf Ihrer Website anzuzeigen.
Sie können Ihre Live-Twitter-Feeds in Echtzeit mit dem visuellen Feed-Editor anpassen und aus mehreren Feed-Typen wählen, die Ihren geschäftlichen Anforderungen entsprechen. Jeder Feed enthält außerdem Tweet-Buttons, mit denen Website-Besucher Ihre Twitter-Inhalte mit ihren Followern teilen können.
Folgen Sie der Schritt-für-Schritt-Anleitung von Smash Balloon, um einen Twitter-Feed zu WordPress hinzuzufügen.
FAQs zum Hinzufügen eines Tweet-Buttons in WordPress
Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und Sie gelernt haben, wie Sie einen Tweet-Button zu WordPress hinzufügen können. Vielleicht gefällt Ihnen auch diese Anleitung, wie Sie Ihren Blog wie eine Website aussehen lassen.
Sind Sie bereit, Tweet-Buttons zu Ihrer Website hinzuzufügen?
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
