How to Add Facebook Fan Page Widget to WordPress

 

In this article, we tell you about How to Add Facebook Fan Page Widget to WordPress. Because facebook fan page is necessary to get more likes and collect the audience.

How to Add Facebook Fan Page Widget to WordPress?

 

How to Add Facebook Fan Page Widget to WordPress 2 - How to Add Facebook Fan Page Widget to WordPress
How to Add Facebook Fan Page Widget to WordPress

 

1. Type Facebook Page Plugin in WordPress.

 

FireShot 2BCapture 2B038 2B 2Bfacebook 2Bpage 2Bplugin 2B 2BGoogle 2BSearch  2B 2Bhttps   www.google.co .in search - How to Add Facebook Fan Page Widget to WordPress

 

2. Click First Link in Google. 

 

3. After this, you will see this box.

 

 

FireShot Capture 063 Page Plugin So  https   developers.facebook.com docs plugins page plugin  - How to Add Facebook Fan Page Widget to WordPress

 

 

4. Put your Facebook Page URL in the first column and set the height and width of your Facebook page. 

 

5. If you want to show the small header of facebook page then tick on Use Small Header.  If you do not want the small header then leave this.

 

6. You do not want to show the header cover photo then tick the Hide Cover Photo otherwise leave this.

 

7.  There is an option to show the friends face if you want to show then select this otherwise leave it empty.

 

8. Select the Adapt to plugin container width because it adjusts page size on the website. 

 

9. Click Get the Code. After this process, you will get the code like this.

 

FireShot Capture 064 Page Plugin So  https   developers.facebook.com docs plugins page plugin  - How to Add Facebook Fan Page Widget to WordPress

 

After this, You will copy the Step 1st code and Paste the code before </body>. For this process, you will follow this step.

 

a.  Go to Appearance. 

 

b. Click Editor then you will redirect to the code section.

 

c.  Then Open footer.php file and search the </body> tags and paste step 1st code before </body> tag. Save this file.

 

d. After this, You should go to Appearance and Click Widget.

 

e. Click Custom HTML.

 

f. Put Cursor on Custom HTML and drag it into the sidebar or anywhere in the footer.

 

FireShot Capture 065 Widgets ‹ DML —   https   digitalmarketinglearning.org wp admin widgets.php  - How to Add Facebook Fan Page Widget to WordPress

 

In the title, Write Facebook Page.

 

Paste the step 2 code in Content. Click Done and Save this.

 

By this code, You will see your post, friends faces and cover photo on the Website. After this process, your page will be visible on the website with page posts.

 

 

FireShot Capture 066 DML Learn Digital Marketing SEO   https   digitalmarketinglearning.org  - How to Add Facebook Fan Page Widget to WordPress

 

If your page does not fit in the sidebar then resize it and again repeat the same process.

If you do not want to see the post on your website then you should copy this code and replace the step 2 code by these lines.

 

<div class="fb-page"
  data-href="https://www.facebook.com/DML/" 
  data-width="340"
  data-hide-cover="false"
  data-show-facepile="true"></div>



 

Note: These codes are available on facebook.

In this, your page and friends face will be shown. The post will not show.

 

 

FireShot Capture 067 DML Learn Digital Marketing SEO   https   digitalmarketinglearning.org  - How to Add Facebook Fan Page Widget to WordPress

 

 

Replace Facebook Page  URL with your facebook page URL in given code. Your page will be seen like this.

 

If you do not want to show the facebook friends face then paste this code and your friends will not be shown.

 

<div class="fb-page" 
  data-href="https://www.facebook.com/DML/"
  data-width="380" 
  data-hide-cover="false"
  data-show-facepile="false"></div>

 

Replace facebook page URL to your facebook page URL. In this, your friends face will not be shown. Your page will see like this. This code will put in your Custom HTML content section. Then save this.

 

 

FireShot Capture 068 DML Learn Digital Marketing SEO   https   digitalmarketinglearning.org  - How to Add Facebook Fan Page Widget to WordPress

 

 

Note: Place these code into Custom HTML > Content section.

 

So here are these steps which tell you How to Add Facebook Fan Page Widget to WordPress. 

 

Conclusion:

 

So by these steps, you will learn how to add facebook fan page on WordPress. 

 

Over to You:

 

If you liked this article, then share it on your social media accounts and like our Facebook Page to get more updates like this.

 

Related Post

 

How to Add Facebook Page Widget on Blogger Website or Blog?

 

SHARE THIS ARTICLE
  • 29
    Shares
  • 29
    Shares
2 Comments

Add a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.