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 addar du Facebook gillar-reaktioner till dina WordPress-poster

Letar du efter ett sätt att add to Facebook gillar reaktioner till din WordPress blogginlägg?

Reaktioner som gillar Facebook erbjuder användarna ett mer intressant sätt att dela med sig av sin återkoppling på dina artiklar än bara en enkel tumme upp eller ner. Detta kan förbättra upplevelsen för användarna och öka engagemanget på din blogg.

I den här artikeln visar vi dig hur du enkelt kan add to Facebook gillar reaktioner till din WordPress poster.

Add Facebook Like Reactions to Your WordPress Posts

Varför add to Facebook Like Reactions till dina blogginlägg i WordPress?

Facebook-reaktioner är en uppsättning emojis som användare kan använda för att uttrycka sina åsikter om ett Facebook-post.

Dessa emojis ger användarna ett bredare spektrum av känslor och ett mer subtilt sätt att reagera på olika posts.

På Facebook kan man till exempel använda reaktioner för tummen upp, kärlek, omsorg, haha, wow, ledsen och arg.

Facebook Lets Users React to Posts With the Like Button

Om du har en WordPress blogg kan du genom att lägga till Facebook gillar-reaktioner ge användarna ett snabbt och enkelt sätt att uttrycka sina känslor om ditt content.

Detta kommer att allow användare att dela sina åsikter och kommer att ge dig värdefulla insikter i vilken typ av blogginlägg som resonerar med din publik. Dessutom kan reaktioner göra din site mer interaktiv och uppmuntra användare att spendera mer tid där.

Med det sagt, låt oss ta en titt på hur du enkelt kan add to Facebook-liknande reaktioner till dina WordPress blogginlägg.

Hur man addar Facebook gillar reaktioner till dina blogginlägg i WordPress

Först måste du installera och aktivera pluginet WP Reactions Lite. Detaljerade instruktioner finns i vår guide för nybörjare om hur man installerar ett plugin för WordPress.

Vid aktivering, besök WP Reactions ” Global Activation page från WordPress dashboard och klicka på knappen ’Customize Now’.

Click Customize Now button

Då kommer du till sidan ”Emoji Picker”. Här kan du börja med att välja upp till sju emojis som dina reaktioner.

You can also rearrange their order by drag and drop emojis according to your gillar. Därefter klickar du på knappen ”Nästa” för att fortsätta.

Choose emojis

Då kommer du till sidan ”Setup”, där du måste select emoji-animationen och storleken.

När du har gjort det rullar du ner till sektionen ”On-Page Placement Options” och kontrollerar alternativet ”Posts”. Dina reaktioner på Facebook gillar kommer nu att visas på dina blogginlägg.

Om du vill att reaktionerna ska visas på andra pages kan du välja alternativet ”Both”.

Efter det kan du välja om du vill visa emojis högst upp eller längst ner i posterna. Du kan också visa emojis flera gånger i ett post genom att välja alternativet ”Before & After content”.

Konfigurera sedan anpassningen för reaktionerna och klicka på knappen ”Next” för att gå vidare.

Select emoji placement

Nu när du är på sidan ”Styling” kan du bestämma om du vill visa eller dölja call-to-action (CTA). Denna CTA är ett message som kommer att visas högst upp i reaktionerna.

Du kan skriva en mening som en CTA och även välja fontstorlek, vikt och färg efter your gillar.

Configure CTA settings for Facebook like reactions

När du har gjort det rullar du ner till sektionen ”Emoji Background Styling” och väljer alternativet ”Bakgrund med färg”.

You can now choose a color to display as a background to your Facebook like reactions. Du kan också konfigurera radius, stil och färg för bakgrundsfärgen på emojis.

Om du är förvirrad över dina färgval kan du enkelt se preview av dina emojis med olika färger genom att clicka på eye iconen längst ner. När du är nöjd klickar du på knappen ”Nästa”.

Customize emoji background color and border styling

Du kommer nu till sidan ”Button Behavior”, där du kan välja alternativet ”Show Buttons Always” för att visa delningsknappar för olika plattformar för sociala media under reaktionerna.

När du har gjort det rullar du ner till sektionen ”Social Share Buttons” och togglar knappen bredvid de sociala media-plattformar som du vill visa. Denna inställning gör det möjligt för användare att dela ditt content på sociala media. You can also change the text in the field.

Add social media buttons

Därefter går du till ”Button Design” section, där du kan konfigurera radius och färger för knapparna.

Du kan också välja alternativet ”Button with Border Only” om du vill visa vita knappar med färgglada kanter för olika plattformar för social media.

När du är klar, glöm inte att klicka på knappen ”Next”.

Customize social media buttons design

Du kommer nu att tas till det sista steget, där du kommer att se en preview av Facebook gillar reaktioner som du just har customize.

Härifrån kan du klicka på knappen ”Save & Exit” om du är nöjd. Men om du vill göra några ändringar kan du klicka på knappen ”Gå tillbaka” för att gå till de föregående stegen.

Click Save & Exit button

Du kommer nu att redirectas till sidan ”Reactions” där du startade processen.

Gå nu vidare och toggle strömbrytaren högst upp till ”ON” för att aktivera Facebook gillar reaktioner på din WordPress blogginlägg.

Toggle the reactions switch to ON

Du kan nu besöka dina WordPress blogginlägg för att view de Facebook-liknande reaktionerna i action.

Så här gillar vi dem på vår demo website.

Facebook like reactions preview

Bonus: Add a Facebook Feed to Your WordPress Blog

Förutom att lägga till knappar som gillar Facebook-reaktioner kan du också embedda hela ditt Facebook feed i din WordPress-webbplats för att öka användarnas engagement.

Om du har ett litet företag kommer detta att driva trafik till din Facebook page och till och med lead till fler konverteringar. Det kan också vara ett socialt bevis på att ditt varumärke är aktivt och engagerar sig i sin publik.

Du kan enkelt add to en Facebook feed till din WordPress blogg med hjälp av Smash Balloon’s Facebook Feed. Det är det bästa WordPress Facebook plugin på marknaden som låter dig ansluta din Facebook site med WordPress på bara några minuter.

Smash Balloon Facebook Feed Pro

Med Smash Balloon kan du enkelt designa din Facebook-post layout och dölja eller visa kommentarer, gillar, reaktioner och delningar.

You can then add the feed to any WordPress posts, pages, or widget area according to your like. Det är också kompatibelt med alla teman för WordPress. För detaljerade instruktioner kan du se vår tutorial om hur du skapar ett custom Facebook feed i WordPress.

The Smash Balloon editor

Förutom det kan du också använda Smash Balloon Twitter för att add Twitter, YouTube, eller Instagram feeds till din WordPress site.

För mer information, se vår kompletta Smash Balloon review.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt kan lägga till Facebook-liknande reaktioner till dina blogginlägg i WordPress. Du kanske också vill se vår Step-by-Step tutorial om hur man lägger till ett poängsystem i WordPress för att öka användarnas engagemang och våra toppval för de bästa tilläggen för sociala medier.

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

28 kommentarerLämna ett svar

  1. Maison Solutions

    Hi, how to turn on WP Reactions Lite Manual Mode (how to choose pages or posts to apply it on)?

    • WPBeginner Comments

      To turn reactions off for a certain page/post, edit the page or post and then scroll past the content. There should be a section for WP Reactions. Open it with the down arrow on the right, and then you can turn off reactions for that page.

  2. Jiří Vaněk

    It’s a very interesting form of feedback from users. I use something similar on the web, like a star rating system from the worst (1 star) to the best (5 stars). I just wanted to ask, is it possible to add descriptions to emojis to better understand what they express? For example, adding a caption like ”I like it” to a smiling emoji, and ”I don’t like it” to a frowning one? This way, the feedback from readers would be a bit more specific.

    • WPBeginner Support

      Not in the free version but it looks like that feature may be a part of their Pro version.

      Administratör

      • Jiří Vaněk

        Good. Because that’s the feature I’d probably miss there for a better context and understanding of what the emoticon is expressing. But it’s good to know, it can be solved using the paid version. Thank you for answer.

  3. Zay Nge

    when a user give certain reaction, like haha or like then it would automatically appear on my Facebook Page too?

  4. YOGRAJ SHARMA

    is my genesis theme premium or not please can you tell me

  5. Chris

    Yikes! Wanted the plugin but seems like a ton of work simply for an emoticon for a post… guess I’m stuck with my wordpress.com account…

  6. Rachel

    This plugin works GREAT on my laptop and PC but it only gives the Like icon on tablet and mobile – both android. Is this the case or do I need to adjust a setting? Help would be appreciated. Thanks

  7. tush

    can i use plugins on blog. also my blog has domain name. thanks

  8. Dawn Cunnane

    I’ve just installed this after reading your post, this will go will with my facbook comments plugin – Thank you!

  9. Tuhinshubhra

    We can make it visible in all posts by adding do short code at the single.php isn’t it ???

    • Arun Basil Lal

      You can use the dw_reactions() function instead of the shortcode.

  10. LISA

    Thanks! Works great…love the easy instructions as usual

  11. Janakee

    At the top of the post the one about 1/5 of the reaction icons are viable. At the bottom the post the icons are not appearing. When you hover over the icon it quick appears and then goes to blank white again.

    Love the idea – would love it to work properly.

    • WPBeginner Support

      May be conflicting with your theme or some other plugin. Contact plugin author for support or try deactivating all other WordPress plugins and switching to a default theme. Then activate all plugins one by one until you find the one causing the conflict.

      Administratör

  12. Manas Mitra

    Thanks for sharing the information about DW Reactions plugin. Shall try in an upcoming site.

  13. Michelle

    That’s a really cool idea, thanks! It would probably be really cool if the reactions would show on the blog overview page – I guess you could insert something in the theme to achieve that?

    • WPBeginner Support

      In the plugin settings you can enable reactions on home page, and archives. Try enabling both of them.

      Administratör

  14. Viklin Naijaknowhow

    Great post, will give it a try

  15. Nas

    This is nice. Will do it later to my blog

  16. Alessandro Marengo

    Hi!
    The only issue this plugin has is that you cannot click on a reaction because hover doesn’t work at all :(

    • WPBeginner Support

      Make sure that you have unchecked the option that makes it only visible to logged in and registered users.

      Administratör

  17. Shohag Islam Sourav

    thanks Balkhi for sharing this plugin

  18. Syed Hamza

    Amazing….!!!!!!!!

  19. Arjun Sharma

    really great post but it is possible to genesis theme check my site please and tell me if possible

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.