Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen von WordPress-Reaktionsschaltflächen zur Steigerung des Engagements

Eine stärkere Einbindung der Benutzer auf Ihrer Website ist wichtig, damit die Besucher oben bleiben. Eine schnelle Möglichkeit, dies zu erreichen, ist das Hinzufügen von Buttons zu Ihrem WordPress-Blog.

Mit den Buttons für Reaktionen können Ihre Besucher ihre Gedanken mit nur einem Klick mitteilen. Sie müssen nicht erst einen Kommentar tippen.

Dieser einfache Zusatz kann Ihren WordPress-Blog interaktiver machen. Außerdem erhalten Sie damit sofortiges Feedback.

In diesem Artikel zeigen wir Ihnen, wie Sie diese praktischen Buttons zu Ihrer WordPress Website hinzufügen können.

How to Add WordPress Reaction Buttons to Boost Engagement

Warum Reaktions-Buttons in WordPress hinzufügen?

Reaktions-Buttons helfen Ihnen, das Engagement der Benutzer in Ihrem WordPress-Blog zu steigern. Denn nicht alle Benutzer haben die Zeit oder das Vertrauen, einen Kommentar zu hinterlassen.

Deshalb werden auf beliebten Social Media-Websites wie Facebook „Like“- und andere „Reaction“-Buttons verwendet, um das Engagement zu steigern. Wenn Sie das noch nicht getan haben, können Sie Ihren Beiträgen einen Facebook Like Button hinzufügen.

Facebook Lets Users React to Posts With the Like Button

Das Hinzufügen von WordPress Buttons kann zu mehr Interaktion auf Ihrer Website führen. Mit diesen Buttons können Ihre Benutzer mit nur einem Klick auf Ihren Beitrag reagieren.

Schauen wir uns also an, wie Sie diese Art von Buttons in Ihre WordPress Website einbauen können.

Hinzufügen von Reaction Buttons in WordPress

Um Buttons für Reaktionen auf Ihrer WordPress Website hinzuzufügen, können Sie Plugins wie Da Reactions verwenden.

Als Erstes müssen Sie also das Plugin Da Reactions installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress Plugins.

Für dieses Tutorial werden wir die kostenlose Version des Plugins verwenden. Es gibt aber auch eine Premium-Version, die zusätzliche Funktionen wie Analysewerkzeuge und BuddyPress-Integration bietet. Sie können die Pro-Version im Dashboard des Plugins unter dem Abschnitt „Upgrade“ erwerben.

Da Reactions ist so konzipiert, dass es direkt nach der Box funktioniert, d. h. Sie können es sofort nach der Installation ohne Einrichtung oder Konfiguration verwenden.

Aktivieren Sie einfach das Plugin, und Sie werden die Buttons von Da Reactions am Ende jedes Beitrags und jeder Seite in Aktion sehen. Hier ist ein Beispiel aus unserem Demo-Beitrag:

Da Reactions' buttons on a demo post

Anpassen Ihrer WordPress-Reaktionsschaltflächen

Um Ihre Buttons für Reaktionen individuell anzupassen, müssen Sie von Ihrem WordPress-Dashboard aus zu Reactions “ Reactions manager gehen.

Hier finden Sie die 6 Standard-Reaktions-Emojis mit ihren anpassbaren Tooltip-Beschriftungen.

Reactions manager in Da Reactions

Um die Buttons neu anzuordnen, ziehen Sie einfach das Hamburger-Symbol in der Spalte „Sortieren“ nach oben oder unten.

Wir haben zum Beispiel den Button „Liebe“ an die erste Stelle gesetzt.

The Love button moved up to first position

Wir fanden die Bezeichnung „Ah Ah“ etwas ungünstig, also werden wir sie ändern.

Geben Sie dazu einfach die neue Kopie in das entsprechende Feld „Etikett“ ein.

Editing Da Reactions' labels

Wenn Sie ein neues Emoji hinzufügen möchten, klicken Sie auf den Button „Neu hinzufügen“ am Ende der Liste.

Sobald Sie dies getan haben, fügt Da Reactions der Liste ein Symbol für eine zufällige Reaktion hinzu. Klicken Sie dann auf das Symbol, um das Optionen-Panel zu öffnen.

Adding new reaction button in Da Reactions

Wählen Sie einfach ein Symbol aus, das Sie der Liste hinzufügen möchten. Danach können Sie auf den Button „X“ klicken, um die Optionen für das Symbol zu schließen.

Nun ist es an der Zeit, die Farbe und die Beschriftung des neuen Symbols zu ändern.

Um die Farbe des Symbols zu ändern, müssen Sie auf den grünen rechteckigen Button klicken. Dadurch wird das Farbwähler-Werkzeug geöffnet.

Von hier aus können Sie Ihre Maus bewegen, um die perfekte Farbe für Ihr neues Symbol zu finden.

Changing icon's color in Da Reactions

Dann können Sie die Standardbeschriftung „Reaktion“ durch Ihre eigene Kopie ersetzen. Wir haben unsere zum Beispiel mit „Erstaunliches Zeug“ beschriftet.

Im Grunde ist das alles, was Sie wissen müssen, um Ihre Buttons mit Da Reactions individuell anzupassen. Sie können dann damit spielen, die Symbole neu anzuordnen, die Farben zu ändern oder alle Beschriftungen zu bearbeiten.

Da Reactions customization done

Wenn Sie mit dem Aussehen zufrieden sind, vergessen Sie nicht, auf den Button „Änderungen speichern“ zu klicken, um den Fortschritt zu speichern.

Wenn Sie Ihren WordPress-Beitrag besuchen, sehen Sie jetzt die neu gestalteten Buttons für Reaktionen:

Customized Da Reactions buttons on a live website

Die Standardeinstellungen von Da Reactions fügen Ihren WordPress-Beiträgen, Kommentaren und einzelnen Seiten und Beiträgen automatisch Buttons für Reaktionen hinzu. Sie haben jedoch zusätzliche Optionen dafür, wo Sie diese Buttons hinzufügen können.

Navigieren Sie dazu in Ihrem WordPress-Dashboard zu Reaktionen Allgemeine Einstellungen.

In diesem Bereich können Sie die Boxen ankreuzen, in denen Sie Buttons für Reaktionen hinzufügen möchten. Sie können sie zum Beispiel zu Ihren Mediendateien hinzufügen.

Checking the media options in Da Reactions

Unten auf der Ansicht sehen Sie das Feld „Verschiedene Farben für Diagramm-Widgets verwenden“. Damit können Sie das Farbschema für Ihre Buttons aktivieren.

Erweitern Sie einfach das Dropdown-Menü und klicken Sie auf die Option, die Sie interessiert, z. B. „Zufällig generierte Farben verwenden“.

Checking the random color option in Da Reactions

Klicken Sie anschließend auf den Button „Änderungen speichern“, um Ihre Einstellungen zu speichern.

So sieht es auf unserer Demo-Seite „Galerie“ aus:

Da Reactions buttons on media files

Im Abschnitt „Grafikeinstellungen“ finden Sie weitere Optionen zur individuellen Anpassung:

  • Ändern der Größe des Symbols, um sicherzustellen, dass es mobilfreundlich ist.
  • Wählen Sie eine Widget-Ausrichtung, um sicherzustellen, dass Ihr Button für Ihr Publikum sichtbar ist.
  • Ein- und Ausblenden von Reaktionszahlen und mehr.

Sie können auch eine kurze Textzeile schreiben, die vor den Buttons angezeigt wird.

Hier haben wir zum Beispiel eine kleine Frage hinzugefügt: „Was halten Sie von diesem Beitrag?“, um die Besucher aufzufordern, ihre Meinung zu äußern.

Adding a question before reaction buttons

Anschließend können Sie auf den Button „Änderungen speichern“ klicken.

Herzlichen Glückwunsch, Sie haben Ihre WordPress Buttons nun erfolgreich individuell angepasst. Hier sehen Sie, wie sie in Ihrem Beitrag aussehen könnten:

Da Reactions buttons final look on the live website

Wenn Sie auf eine der Reaktionsschaltflächen klicken, wird das entsprechende Abzeichen mit einer neuen Gesamtzahl aktualisiert.

Ein Beispiel sehen Sie unten.

Da Reactions buttons like counts on the live website

Im Abschnitt „Abstimmungsliste“ können Sie alle Reaktionen auf Ihre veröffentlichten Beiträge einsehen.

Dieser Abschnitt bietet wertvolle Einblicke in die Vorlieben und Vorlagen Ihrer Besucher, die Ihnen dabei helfen können, Ihre zukünftigen Beiträge so zu gestalten, dass sie das Engagement Ihres Publikums aufrechterhalten und die Erfahrung der Benutzer verbessern.

Da Reactions' vote list section

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie Sie WordPress Buttons hinzufügen können, um das Engagement auf Ihrer Website zu steigern. Als Nächstes möchten Sie vielleicht einen weiteren coolen UX-Trick erfahren, wie Sie in WordPress Chat-Räume für Ihre Benutzer erstellen können, oder unsere Liste der besten User Experience Feedback-Fragen, die Sie Website-Besuchern stellen können.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

14 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Lise Tyrrell

    It’s a great idea and I was about to upload the plugin…but it hasn’t been updated in 6 months! That’s usually a no no for me. I wish you would use updated plugins.

  3. Seth Riley

    This is something that interests me. This might help to increase the user engagement on my website and hopefully it would drive more traffic eventually. Thank you for sharing! I’ll check it out!

  4. David Steele

    Lacks specific instruction for downloading Post Reaction. I found it, clicked Download and then opened the downloaded material. Nothing in the folder executes an install. There are instructions telling you where to install it but I couldn’t get that far. Help?

  5. WPBeginner Staff

    On contrary, writing comments takes more time, and sometimes users feel they simply don’t have anything to add to the post and move on to next activity.

    Post reactions allow them to provide feedback without going into the discussion mode. People who have something to say will say it because reactions simply doesn’t cover what they have to say. Basically it will increase the overall user engagement on your site.

  6. Hariesh Manaadiar

    Would’nt reaction buttons reduce the number of comments on a blog..?? People might just decide to click a button instead of writing something..

    • Isaías Subero

      I don’t think it does. This is a small independent developed plugin and Google and other search engines are not likely to index this interactions as a key indicator of the quality of the content. Maybe the Facebook Like button at the end of the post would be considered as a engagement measure by Google.

  7. Chad Haatvedt

    It’s a bit ironic that this post does not include reaction buttons to get feedback for the author. :-)

  8. Ahmad Imran

    Definitely something worth considering. I was thinking of introducing the same reactions and engagement but through simple form embedment at the end of the post.

    Thanks for sharing the info. I will have a look at it.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.