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

How to Add Facebook Like Reactions to Your WordPress Posts

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Are you looking for a way to add Facebook like reactions to your WordPress blog posts?

Facebook like reactions offer users a more interesting way to share their feedback on your articles than just a simple thumbs up or down. This can enhance the user experience and improve engagement on your blog.

In this article, we will show you how to easily add Facebook like reactions to your WordPress posts.

Add Facebook Like Reactions to Your WordPress Posts

Why Add Facebook Like Reactions to Your WordPress Blog Posts?

Facebook reactions are a set of emojis that users can use to express their opinions about a Facebook post.

These emojis provide a wider range of emotions for users to choose from and offer a more subtle way to react to different posts.

For example, people on Facebook can use reactions for thumbs up, love, care, haha, wow, sad, and angry.

Facebook Lets Users React to Posts With the Like Button

If you have a WordPress blog, then adding Facebook like reactions can provide users with a quick and easy way to express their feelings about your content.

This will allow users to share their opinions and will give you valuable insights into the type of blog posts that resonate with your audience. Plus, reactions can make your site more interactive and encourage users to spend more time there.

Having said that, let’s take a look at how to easily add Facebook like reactions to your WordPress blog posts.

How to Add Facebook Like Reactions to Your WordPress Blog Posts

First, you need to install and activate the WP Reactions Lite plugin. For detailed instructions, you may want to see our beginner’s guide on how to install a WordPress plugin.

Upon activation, you need to visit the WP Reactions » Global Activation page from the WordPress dashboard and click the ‘Customize Now’ button.

Click Customize Now button

This will take you to the ‘Emoji Picker’ page, where you can start by choosing up to seven emojis as your reactions.

You can also rearrange their order by dragging and dropping emojis according to your liking. After that, click the ‘Next’ button to continue.

Choose emojis

This will direct you to the ‘Setup’ page, where you must select the emoji animation and size.

Once you do that, scroll down to the ‘On-Page Placement Options’ section and check the ‘Posts’ option to display the Facebook like reactions on your blog posts.

If you want to display the reactions on pages as well, then you can select the ‘Both’ option.

After that, you can pick if you want to display the emojis at the top of the blog posts or at the end. You can also show emojis multiple times in a post by selecting the ‘Before & After content’ option.

Then, configure the alignment for the reactions and click the ‘Next’ button to move forward.

Select emoji placement

Now that you are on the ‘Styling’ page, you can decide if you want to show or hide the call to action (CTA). This CTA is a message that will be displayed at the top of the reactions.

You can write a sentence as a CTA and then also select its font size, weight, and color according to your liking.

Configure CTA settings for Facebook like reactions

Once you do that, scroll down to the ‘Emoji Background Styling’ section and choose the ‘Background with Color’ option.

You can now choose a color that will displayed as a background to your Facebook like reactions. You are also able to configure the radius, style, and color for the background border of the emojis.

If you are confused about your color choices, then you can easily see the preview of your emojis with different colors by clicking on the eye icon at the bottom. Once you are satisfied, click the ‘Next’ button.

Customize emoji background color and border styling

You will now be taken to the ‘Button Behavior’ page, where you can choose the ‘Show Buttons Always’ option to display share buttons for different social media platforms under the reactions.

Once you do that, scroll down to the ‘Social Share Buttons’ section and toggle the switch next to the social media platforms that you want to display. This setting will allow users to share your content on social media. You can also change the text in the field.

Add social media buttons

After that, head to the ‘Button Design’ section, where you can configure the border radius and colors for the buttons.

You can also choose the ‘Button with Border Only’ option if you want to display white buttons with colorful borders for different social media platforms.

Once you are done, don’t forget to click the ‘Next’ button.

Customize social media buttons design

You will now be taken to the last step, where you will see a preview of the Facebook like reactions that you have just customized.

From here, you can click the ‘Save & Exit’ button if you are satisfied. However, if you want to make some changes, then you can click the ‘Go Back’ button to go to the previous steps.

Click Save & Exit button

You will now be redirected to the ‘Reactions’ page from where you started the process.

Now go ahead and toggle the switch at the top to ‘ON’ to activate Facebook like reactions on your WordPress blog posts.

Toggle the reactions switch to ON

You can now visit your WordPress blog posts to view the Facebook like reactions in action.

This is what they look like on our demo website.

Facebook like reactions preview

Bonus: Add a Facebook Feed to Your WordPress Blog

Apart from adding Facebook like reactions, you can also embed your entire Facebook feed into your WordPress website to increase user engagement.

If you have a small business, then doing this will drive traffic to your Facebook page and even lead to more conversions. It can also show social proof that your brand is active and engages with its audience.

You can easily add a Facebook feed to your WordPress blog using Smash Balloon’s Facebook Feed. It is the best WordPress Facebook plugin on the market that lets you connect your Facebook site with WordPress in just a few minutes.

Smash Balloon Facebook Feed Pro

Using Smash Balloon, you can easily design your Facebook post layout and hide or display comments, likes, reactions, and shares.

You can then add the feed to any WordPress posts, pages, or widget area according to your liking. For detailed instructions, you can see our tutorial on how to create a custom Facebook feed in WordPress.

The Smash Balloon editor

Other than that, you can also use Smash Balloon to add Twitter, YouTube, or Instagram feeds to your WordPress site.

For more information, see our complete Smash Balloon review.

We hope this article helped you learn how to easily add Facebook like reactions to your WordPress blog posts. You may also want to see our tutorial on how to add a points system in WordPress to ignite user engagement and our top picks for the best social media plugins.

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.

Editorial Staff

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

27 CommentsLeave a Reply

  1. Syed Balkhi says

    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. Jiří Vaněk says

    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 says

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

      Admin

      • Jiří Vaněk says

        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 says

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

  4. Chris says

    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…

  5. Rachel says

    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

  6. Dawn Cunnane says

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

  7. Tuhinshubhra says

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

  8. Janakee says

    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 says

      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.

      Admin

  9. Manas Mitra says

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

  10. Michelle says

    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?

  11. Alessandro Marengo says

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

  12. Arjun Sharma says

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

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.