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 lägga till reaktionsknappar i WordPress är ett roligt sätt att öka engagemanget på din webbplats. Med dessa knappar kan besökarna dela med sig av sina tankar med bara ett klick, vilket gör interaktionen enkel och tillgänglig.

Reaktioner kan visa stöd eller dela åsikter, vilket ger dig insikter i vad din publik tyckte mest om.

Enligt vår erfarenhet är det dessutom mer sannolikt att människor trycker på en reaktionsknapp än lämnar en fullständig kommentar, så detta kan verkligen göra skillnad i din online-community.

Eftersom WordPress inte erbjuder den här funktionen som standard, gjorde vi efterforskningar för att hitta det bästa verktyget för jobbet. Vi fann att Da Reactions-pluginet var det bästa alternativet. Det är snyggt, anpassningsbart och otroligt enkelt att konfigurera.

Så i den här guiden visar vi dig hur du lägger till WordPress reaktionsknappar på din webbplats med hjälp av Da Reactions, steg för steg.

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 sociala medier som Facebook använder ”Gilla”- och andra ”Reagera”-knappar för att öka engagemanget. Om du inte redan har gjort det kan du lägga till en Facebook Like-knapp i dina inlägg.

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.

I denna handledning kommer vi att använda gratisversionen av pluginet. Det finns dock också en premiumversion som lägger till ytterligare funktioner som analysverktyg och BuddyPress-integration. Du kan köpa pro-versionen i plugin-programmets instrumentpanel i avsnittet ”Uppgradering”.

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

Bonustips: Ta användarengagemanget till nästa nivå

Att lägga till reaktionsknappar är ett bra sätt att öka interaktionen, men nästa steg är att spåra hur användarna interagerar med dem – och med resten av webbplatsen.

Reaktionsknappar ger dig snabb feedback, men om du kombinerar dem med ett verktyg som Google Analytics går du ännu längre. Denna kombination visar hur reaktionerna passar in i den större bilden av användarnas beteende, inklusive klick, tid som spenderas på en sida och konverteringar.

Med hjälp av dessa insikter kan du finjustera dina innehålls- och designstrategier. Du kan till exempel upptäcka vilka blogginlägg som får flest reaktioner och optimera dem för att skapa ännu mer engagemang.

Top posts and page report

I slutändan gör reaktionsknappar din webbplats interaktiv, medan spårning av engagemang hjälper dig att förstå och förbättra den övergripande användarupplevelsen. Tillsammans är de en vinnande kombination för att skapa en WordPress-webbplats som din publik kommer att älska.

Nu förstår vi att det kan vara överväldigande att navigera i Google Analytics. Det är därför vi alltid rekommenderar att du använder MonsterInsights, det bästa analyspluginet för WordPress.

För detaljerade instruktioner, se vår guide om hur du spårar användarengagemang i WordPress med Google Analytics.

Vi hoppas att denna handledning 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 att skapa chattrum i WordPress för dina användare eller vår expertlista över de bästa feedbackfrågorna för användarupplevelse att ställa till webbplatsbesökare.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial 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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

15 kommentarerLeave a Reply

  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.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.