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

Så här add to WordPress Reaction Buttons för att öka engagemanget

Att öka engagemanget hos användarna på din website är viktigt för att få besökarna att klistra kvar. Ett snabbt sätt att göra detta är att lägga till reaktionsknappar i din WordPress blogg.

Med delningsknappar kan dina läsare dela med sig av sina tankar med bara ett click. De behöver inte skriva en kommentar.

Detta enkla tillägg kan göra din WordPress blogg mer interaktiv. Det ger dig också omedelbar återkoppling.

I den här artikeln guidar vi dig till hur du lägger till dessa praktiska knappar på din site i WordPress.

How to Add WordPress Reaction Buttons to Boost Engagement

Varför lägga till knappar för reaktion i WordPress?

Med knapparna kan du öka användarnas engagement på din WordPress blogg. eftersom inte alla användare har tid eller mod att lämna en comment.

Det är därför populära webbplatser för social media som Facebook använder ”Gilla” och andra knappar för att öka engagemanget. Om du inte redan har gjort det kan du add to en Facebook Like knapp till dina posts.

Facebook Lets Users React to Posts With the Like Button

Att lägga till WordPress reaktionsknappar kan uppmuntra till mer interaktion på din site. Dessa knappar allow dina användare att engagera sig i din post med bara ett click.

Med detta i åtanke, låt oss ta en titt på hur du add to denna typ av knapp till din WordPress site.

Så här addar du knappar för reaktion i WordPress

För att add to reaktionsknappar till din WordPress site, kan du använda tillägg som gillar Da Reactions.

Så det första du behöver göra är att installera och aktivera Da Reactions plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

För denna tutorial kommer vi att använda den gratis versionen av plugin. Men det finns också en premium-version som addar till ytterligare funktioner som analysverktyg och BuddyPress-integration. Du kan köpa pro-versionen i plugins dashboard i sektionen ”Upgrade”.

Da Reactions är utformad för att fungera direkt ur boxen, vilket innebär att you kan börja använda den direkt efter install utan installation eller konfigurering.

Aktivera bara pluginet, så kommer du att se Da Reactions reaktionsknappar i action längst ner på varje post och page. Här är ett exempel från vår demo post:

Da Reactions' buttons on a demo post

Customize dina WordPress-reaktionsknappar

För att customize dina reaktionsknappar måste du gå till Reactions ” Reactions manager från din WordPress dashboard.

Här hittar du de 6 standard-reaktions emojis med sina anpassningsbara Tooltip-etiketter.

Reactions manager in Da Reactions

För att ändra ordningen på knapparna drar du helt enkelt hamburgarikonen från Column ”Sort” uppåt eller nedåt.

Vi har till exempel flyttat knappen ”Love” till första positionen.

The Love button moved up to first position

Vi tyckte att ”Ah Ah”-etiketten var lite besvärlig, så vi ska ändra den.

För att göra detta skriver du helt enkelt in den new kopian i respektive ”Label”-fält.

Editing Da Reactions' labels

Om du vill lägga till en ny emoji kan du klicka på knappen ”Add new” i slutet av listan.

När du har gjort det kommer Da Reactions att add to en slumpmässig reaktionsikon till listan. Du kommer sedan att vilja klicka på ikonen för att öppna panelen med alternativ.

Adding new reaction button in Da Reactions

Välj helt enkelt en icon som du vill add to listan. Därefter kan du clicka på knappen ”X” för att close panelen med alternativen för icons.

Nu är det dags att ändra färg och etikett på den nya iconen.

För att ändra färgen på iconen måste du clicka på den gröna rektangeln. Detta öppnar färgväljarverktyget.

Härifrån kan du flytta runt musen för att hitta den perfekta färgen för din new icon.

Changing icon's color in Da Reactions

Sedan kan du ändra standardetiketten ”Reaction” med din egen kopia. Vi har till exempel skrivit ”Fantastiska grejer!

I princip är det all du behöver veta för att customize dina reaktionsknappar med Da Reactions. You can then play around with reordering the icons, changing the colors, or editing all the labels.

Da Reactions customization done

När du är nöjd med hur de ser ut, glöm inte att klicka på knappen ”Save Changes” för att behålla dina framsteg.

Om du besöker din WordPress post, kommer du nu att se de omgjorda reaktionsknapparna:

Customized Da Reactions buttons on a live website

Standardinställningarna för Da Reactions addar automatiskt reaktionsknappar till dina WordPress-inlägg, comments och enskilda inlägg och sidor. Du har dock ytterligare alternativ för var du kan add to dessa reaktionsknappar.

För att göra detta måste du navigera till Reaktioner Allmänna inställningar från din WordPress dashboard.

I det här area kan du kontrollera de boxar där du vill add to reaktionsknappar. Till exempel kan du add to dina media files.

Checking the media options in Da Reactions

Längst ner på vyn ser du fältet ”Use different colors for chart widgetars?”. Detta aktiverar dig att ändra färgschema för dina reaktionsknappar.

Förstora helt enkelt dropdown-menyn och click på det alternativ som intresserar you, till exempel ”Use random generated colors”.

Checking the random color option in Da Reactions

När du är klar klickar du på knappen ”Save Changes” för att lagra dina inställningar.

Så här gillar du det på vår demo ”Gallery” page:

Da Reactions buttons on media files

I ”Graphic settings” section, kan du hitta fler alternativ för customomize för:

  • Ändra storleken på iconen för att se till att den är mobilvänlig.
  • Choosing a widget alignment to ensure your reaction button is visible to your audience.
  • Visa eller dölj reaktionsantal och mycket mer.

Du kan också skriva en kort text som visas före reaktionsknapparna.

Här har vi till exempel add to en liten ”Vad tycker du om den här posten?”-fråga för att uppmana besökarna att ge sina reaktioner.

Adding a question before reaction buttons

När du har gjort det kan du clicka på knappen ”Save Changes”.

Grattis, du har nu utan problem customize dina WordPress reaktionsknappar. Så här kan det gilla att se ut på din post:

Da Reactions buttons final look on the live website

När du clickar på en av reaktionsknapparna kommer dess märke att updates med en new total.

Du kan se ett exempel under.

Da Reactions buttons like counts on the live website

Om du besöker ”Votes list” section, så kan du se all respons som dina posts har fått.

This section offers valuable insights into your readers’ preferences and engagement patterns, which can help you tailor your future posts to keep your audience engaged and improve the user experience.

Da Reactions' vote list section

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du lägger till WordPress reaktionsknappar för att öka engagemanget på din webbplats. Därefter kanske du vill lära dig ett annat coolt UX-trick för hur du skapar chattrum i WordPress för dina användare eller vår lista över de bästa frågorna för återkoppling av användarupplevelsen att ställa till besökare på webbplatsen.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

15 kommentarerLämna ett svar

  1. Jiří Vaněk

    I used to use star ratings but this form looks a lot more fun. Especially for the current generation of teenagers who like to use like buttons and emoticons. Thanks for the inspiration.

    • Dennis Muthomi

      Yeah nice point, I think too using the emojis will work well teens are already familiar with them because they use it more often on social media apps.

  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!

    • David Steele

      Thanks

  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.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.