How to Add Facebook Like Button to WordPress

Are you looking for a strategy to increase traffic to your website? Why don’t you take advantage of the Facebook Like buttons? Your visitors may like and share your content on Facebook with a single click.

Here is the guide to add Facebook Like button in WordPress.

What Is the Purpose of Having a Facebook Like Button on your Website?

Image Showing Purpose of adding Facebook like button in WordPress

It is impossible to dispute Facebook’s power. It has 2.4 billion active monthly users. In addition, seven million businesses opt to advertise on this platform.

You do not, however, have to utilize advertising to market your business on Facebook.

Using the Facebook Like button, you may reach a larger audience. Because of the platform’s Open Graph. When the button is clicked, it will add the link to your site to the visitors’ news feed.

It’s a simple method to encourage others to share your website.

The importance of including a Facebook Like Button in WordPress:

  • It aids in the growth of your website’s popularity.
  • It establishes a direct link between the page and the Facebook page.
  • It makes the site much more attractive.
  • It allows you to share site content with your Facebook friends.
  • It aids in the proper promotion of the items.

Method 1: Add a Facebook Like Button in WordPress Manually

This approach necessitates manually entering the code into WordPress.

To begin, go to the Facebook developer’s website and navigate to the Like button page. Scroll down to the section under ‘Like Button Configurator.’

Image Showing Like Button Configurator

Configure the layout and size of the Like button using the settings. A glimpse of the Like button is shown below.

You may leave the URL box blank because it will fill the URL dynamically in WordPress.

Once you’re happy with the preview, select the ‘Get Code’ option. It will open a popup window with two code snippets from the JavaScript SDK tab.

Image Showing JavaScript SDK

Take note of the first code snippet. And paste it just below the body> element in your WordPress theme’s header.php file.

You must then copy the second piece of code. And then put it into the template files of your WordPress theme where you want the Like button to appear.

Most likely, you’ll want to include it in single.php, archive.php, page.php, and so on. If, on the other hand, your WordPress theme makes use of content templates. Then you must include it in content templates.

Please keep in mind that if you manually insert these code snippets into your WordPress theme. When you change the theme, they will be overwritten.

You may avoid this by establishing a child theme. Then incorporate these code snippets into your child theme templates.

Method 2:- Using a Plugin, Add a Facebook Like Button in WordPress

In this approach, we will add a Facebook Like button to our website using a WordPress plugin. This approach is significantly more straightforward and is ideal for beginners.

The first step is to install and activate the WP Like Button plugin.

When you activate the plugin, add a new menu item to your WordPress admin bar called WP. Like Button. By clicking on it, you will be sent to the plugin’s Settings page.

Image Showing Settings

First, decide where you want the Like button to appear. Choose whether or not you want the button to be mobile responsive.

Following that, you must provide a Facebook App ID or the Admin ID with access to Facebook insights. Here, you may use your own Facebook account or ID.

Under the standard picture setting, when a post or page does not have a Facebook thumbnail, you may submit an image to replace it.

Under the ‘What to Like’ section. You must check the box next to ‘Each page/post will have its own like button.’ Following that, you must choose a layout, orientation, and language for your Facebook button.

You can get a preview of how the button will appear on your site at the bottom of the page.

When you’re finished, to save your choices, click the ‘Save Settings’ button.

Add a like button to each article that has a dynamic URL.

The preceding techniques will suffice. However, the user will only be able to like that one URL. That must be specified in the settings if you’re searching for a way to add a like button to each post.

You will require a new method as well as changed code:

  • Navigate to Appearance -> Editor.
  • Change the single.php file.
  • Copy and paste the following code into the appropriate field. In which location do you want the button to appear:
<iframe src="<?php echo urlencode(get_permalink($post->id));?>&layout=standard&show_faces=false&width=350&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" ></iframe>

Remember to save your modifications. And you can see the Facebook like button by reloading any of your posts. Every post will now have its control. The most significant difference, though, is that it will generate the URL dynamically.

It implies that each article will have its URL. As a result, when a user hits the “Like” button. That particular post will receive all of the attention. Isn’t it fantastic?

Facebook, as we all know, is one of the most popular social networking sites. Like button on your blog is usually an excellent idea. It would enhance Facebook traffic to your blog. You may also create a Facebook community for your fans.

Plugin to add Facebook like button in WordPress

Like & Share plugin

Image Showing Like & Share plugin

The Like & Share plugin is the most effective social networking solution. It inserts Follow, Like, and Share buttons into your WordPress website’s articles, pages, or widgets.

It is an excellent method to get good feedback from your visitors. You may gain media attention and customer approval for your brand.

Configure settings and customize the look. It enables more advanced solutions for increasing social traffic to your website. It keeps your visitors interested!


Will people’s likes and comments on my post be visible on my Facebook page?

No, it won’t. In this example, a Like for a WordPress site is a Like of a specific URL. However, this does not apply to the page’s content. On Facebook, it is the content that is liked, not the URL. That is, these are two distinct entities that cannot be linked.

Overall, the Facebook Like button is a helpful tool for increasing website visitors. The more readers who like and share your material, the better. The greater the likelihood that your website will prosper.

You’ve learned two ways to add Like buttons to your website in this article.

Method 1: Add a Facebook Like Button to WordPress Manually

Method 2:- Using a Plugin, Add a Facebook Like Button to WordPress

Load More Related Articles
Load More By Susana Taylor
Load More In How to

Leave a Reply

Your email address will not be published. Required fields are marked *