How to Insert a Facebook Badge Or Fan Box to Your WordPress Blog site

Posted in WordPress on Aug 29, 2014

With more than 500 million registered users on Fb, it can be someplace you want to be!  Stimulate your internet site people to grow to be pals with you, or like your fan website page, by incorporating a Facebook Badge or Lover Box to Your WordPress site with these two straightforward steps.

1) Get your code from Facebook.

To produce a badge, start out on your profile website page.  Scroll down to wherever the left side column ends and you can see a “Produce a Profile Badge” link.  Simply click that url.  On the new page, you can expect to see a number of selections on the still left:
Profile Badge – this will clearly show your photograph, identify, and other info you decide on from your personalized profile.
Like Badge – this will allow for you to boost any webpage that you are a enthusiast of with a like badge.
Picture Badge – this one particular allows you share pics from your private profile.
Web page Badge – to advertise your supporter webpage, pick out this badge and it will present your supporter web site title, the newest standing update, photo, and quantity of lovers.

Opt for which badge you would like to generate and adhere to the methods as a result of to the close where you can get a snippet of code.  Duplicate that snippet of code.

If you’d like to produce a lover box instead that reveals your admirer site, status updates, and pics of your followers, you can do that by setting up at http://developers.facebookpush()

Tip: to come across your Facebook fan page’s one of a kind ID go to your fan web site, proper-simply click on your emblem on the major still left, and choose “Show Qualities” or “Attributes.”  In the data box that arrives up, glance at the URL or tackle of the website link.  At the stop of the URL you are going to see a thing like &id=1234567890  That number is your supporter page’s ID.

Enter your data, personalize the configurations and click “Get Code” to see your code.  Copy the code in the iframe possibility.

two) Set your code in a widget on your blog.

Login to your WordPress admin web pages.  Under “Visual appearance” click “Widgets” to go to your widgets site.

Subsequent find the “Text” widget alternative in the widget boxes in the center region of the website page.  Grab it and drag it into the sidebar widget column.

Now open that widget and paste your snippet of code from Facebook into the box.

Help save your widget.

Go to your site and make confident it really is exhibiting correctly.  If not, double check that the code you copied is suitable and save again.

And that is it!  Your new Facebook badge or supporter box will show in the widget you created.

Bonus Tip: If you like this, you might also like the plugin fbLikeButton which adds a “Like” button at the major and/or bottom of all of your posts.

By Michelle Shaeffer

Leave a Reply

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