How To Add Facebook Widget To WordPress

      2 Comments on How To Add Facebook Widget To WordPress

People like to share the page content, information or product to their friends and group if it is unique and useful. If we learn how to add facebook widget to wordpress, we can increase the social presence and some more traffic. By adding the facebook widget to the blog increase the chances of share or like the content of the page on the go.

How to add facebook widget to wordpress

Search engine rank well to the page with more like and share. It is simply an indication to the search engine that this blog or page is more liked by the people.

What is facebook widget and how it works

A widget performing small or part of the main application. Just like widget, facebook also has the widget. But why it is needed to add into the wordpress. For the promotion of product, information or blog we create a facebook page.

And you want that user coming to your wordpress blog also share and like your page from facebook page widget. So you make the task easy by simply adding the facebook widget or facebook like box to the wordpress blog.

And while reading the content user feels to share the useful blog content to their facebook friends. So for that user no need to go to the facebook page. We have added on the same page so just like or share with ease.

How to add facebook widget to wordpress

Adding facebook widget or facebook like box to the wordpress is vey easy. Because we do not required and programming skills. The facebook already provide the code we simply need to add the facebook page url and we get the code. So we are going to tell you how to add facebook widget to wordpress step by step.

The facebook page plugin lets you add your facebook page to the website. Without leaving your site a user can like or share your page.

Step 1: Go to the facebook for developers page plugin.

Step 2: Copy and paste your facebook page URL and to the page plugin. Here the facebook page URL is

How To Add Facebook Page Widget To WordPress

We have also added the same facebook widget to our wordpress blog. And for TwistBlog  the facebook page URL is

You can make some small changes like using small header, hide cover photo, show friends faces or timeline.

Whatever you select the widget will set accordingly. In addition to this, there are more settings available in the below page.

Step 3: Now press the get code button. You will see one pop up window showing the JavascriptSDK and IFrame. It means we have two methods to add the widget. One using the JavascriptSDK and second is using the IFrame.

Facebook Widget Get Code Button Window

Add facebook widget using JavascriptSDK 

Copy the javascript code as mentioned step2. For this method follow the steps from 4 to 8.

Step 4: Now go to wordpress admin panel. Then appearance -> editor and open the Theme Header(header.php) file at the right side.

Wordpress Appearance Editor


Step 5. Paste the code just below the <body> tag.

Add Facebook Widget Javascript Code To WordPress


Step 6: Copy the second piece of code as mention step3. Place this code to the location where you want to show the facebook widget.

Step 7: I want to show the widget on the right side of the page. So I go to wordpress admin panel.

Go to Appearance -> widget. Drag and drop a text widget to the sidebar.

Now open the text box and select the text button and paste the code and save.

Step 8: Now open your wordpress blog and see the facebook widget appearing at the right side of the page. It’s done finally.

Add facebook iframe widget to wordpress

Step1: Step 1-3 are same for both.

Step2: Copy the IFrame code to the Appearance -> widget. By drag and drop the text widget and paste the code by selecting the text button. Similar to above step 7. Now save and exit from the wordpress admin panel.

Add Facebook Widget IFrame Code

Step3: Now open the wordpress blog page to see the effect. This facebook widget added to the wordpress successfully.

Adding the widget using the IFrame is little bit simple.

How to Add facebook widget using  wordpress facebook plugin

As we have added the widget manually with the help of facebook developer plugin page. We can also add the same widget using the wordpress plugin.

From the admin panel, go to plugin -> add new. We can install different plugins with same widget adding to the wordpress. Some plugin also provides some other features also with the same widget functionality.

So here I am listing some useful wordpress facebook plugin.

How to add facebook widget for website

You can also add the facebook widget to the website. For that, you required a little knowledge of the HTML. By taking the javascriptSDK or IFrame code and adding it to the appropriate position in the HTML page.


2 thoughts on “How To Add Facebook Widget To WordPress

  1. Eartha Barera

    Greetings! I know this is somewhat off topic but I was wondering which blog platform are you using for this website? I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform. I would be fantastic if you could point me in the direction of a good platform.

  2. Dev

    Informative Post boss.
    I think I’m your big fan bcoz you always come with such a wonderful information that is help us and today I come to know that ° How To Add Facebook Widget To WordPress ” thanks for sharing valuable information & yeah I’m gonna share your experience with my office mates thanks again great job boss… Keep Sharing

    Love You


Leave a Reply

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