Do you own a Facebook page but can’t find a cool, clean way to show it on your web page? Don’t want to bother with tough JQuery or Iframe codes to insert your own Fanbox? Then a Fanbox widget is just what you need.
If you own a Facebook page, regardless of what you plan to do with your website, adding a WordPress Facebook widget is almost always beneficial to it. Adding an integration for your facebook page just lets you create a social platform for your website viewers to interact with you. Interconnecting your site viewers with your Facebook content goes a long way to your website’s success.
But not everyone’s a web-savvy. And, if you’re having difficulty adding Facebook to WordPress, you’ve come to the right place. Here’s a simple media-accompanied process of installing a page-box on your WordPress website/blog.
How does a Facebook Fanbox work?
A Facebook fan box or a like-box lets you insert a smaller version of your Facebook page on either the sidebar or the footers of your website. Through this box, your website viewers can interact with your Facebook page, like/comment on posts, follow/share your page and even message you directly; all without opening a single separate tab or window.
But then, how do you add a Fanbox to your website?
There are tons of ways to add a Facebook fanbox to your WordPress website but the easiest way to do it is by using a dedicated Facebook plugin through which you can easily display your Facebook page-box on your WordPress website.
A Facebook fanbox would look something like :
The process of adding a Facebook like-box on your website is quite easy, let me describe to you in detail.
Adding a Facebook Fanbox using WordPress Facebook Widget
Step 1: Choose a Facebook Plugin (Widget)
There are tons of Facebook pagebox plugins available on the web. By considering their ease-of-access and features, we consider these 3 the best ones to use:
Facebook Page Plugin:
Built by the user ‘Cameron Jones‘, the Facebook Page plugin provides a nifty widget to add your Facebook fanbox to WordPress website, blog or page. With over 95 languages supported, this plugin provides you the capability to adding a widget without messing out with a Plugin code or coding in JQuery and such.
The widget also can be further customized with a loading link and an adaptive widget/smart header to fit any device’s screen without affecting other elements in your webpage.
Simple Facebook Plugin:
Presented by one of the well-known WordPress devs, Topdevs.net, this facebook plugin is one of their initial as well as successful projects. Though, it doesn’t allow the same level of customization as the previous one, Simple Facebook Plugin is much easier to use and doesn’t require any complex Appids to work and supports the latest versions of PHP as well as WordPress.
In short, if you don’t want needless hassle and just want a trustable responsive widget on your website, this is a great choice!
Facebook PageLike Widget:
One of the extremely popular free plugins, user ‘Milap Patel‘ is behind this nifty little plugin. While like other widgets, Facebook Page like widget also provides a lightweight Facebook Pagebox and has almost all the features a Like box needs, it distinguishes itself with its dedicated user-support.
With many users positively complimenting its responsive support, Facebook PageLike widget is a great choice if you think you might run into an issue you can’t just solve alone.
The installation for almost all Facebook widgets are identical but there might be slight differences here and there. And while all the above-given Widgets work flawlessly, we strongly urge users to check out them all and maybe even others and choose accordingly.
But here we will be only demonstrating the Installation of Facebook Plugin Page by Cameron Jones.
Step 2: Installation of Plugin
First, download the Plugin from their respective plugin URL, for this one, we will use Facebook Page Plugin
Save the downloaded zip file to a folder of favorable choice. Next, open your Dashboard and click on Plugins button on the left Menubar. Then, click on Add New sub-selection, hover to the Top of the Add Plugin page to find the Upload Plugin button and click on it.Now, click on Choose file button and In the opened window, change your directory to the location of the previously downloaded Plugin file, and open it. Then click on the Install now button to start the installation.Once the installation is done, you are free to activate it by clicking on the Activate Plugin button or checking the Installed Plugins page by clicking on its listing on the Menu bar. Once activated, you are ready to install your Facebook Fanbox widget.
Step 3: Adding Widget
After installation of the plugin, click( or hover) on Appearance on the Menu bar, then click on Widgets to open the list of available as well as activated Widgets.Find the Facebook Page Plugin listing and click on it, then choose the widget area for the Fanbox. For now, choose the Sidebar option as its the optimal choice for almost every theme. But, if you prefer it to be on the Footers, you can always come back later and choose accordingly. Then, click Add Widget to get started.
Step 4: Customizing Widget
Now that we’re ready to add the Facebook widget to our webpage, its time to customize it to our preferences.
Let us look at the features provided here:
Title: This is where you place your Fanbox title displayed on your website.
Page URL: This is where you enter your Facebook page URL. Copy your page’s URL in here to display your webpage.
Width/ Height: This is for customizing the size of your Fanbox widget. The dimension size given here is Pixels and do remember not to go too far with the size.
Cover Photo: Click on this box if you want your page’s Cover photo to be displayed.
Show Facepile: Click on this box if you want to show the people connected to your page, i.e. Followers, likers etc.
Page Tabs: Clicking on the respective boxes allows you to Show a Timeline, Events and Messages tab on your Page box.
Hide Call to Action: Unclick the box if you want to display a Call to Action button on your fanbox.
The rest three buttons are for adding customizations such as:
- Decrease the size of the header
- Change your width based on the webpage itself
- Show your Facebook link while loading.
To show an example, we have typed in the following data:
Now Click Save and you’re done! If you did everything correctly, your Facebook Fanbox should look set and ready to gain some views.
Wrapping it Up
Now, you’re all ready to get some views on your Facebook page while complimenting your page reads. And whether you add the pagebox or not, do remember that its always to make a sub-Platform available for users to view your content without going through with that extra click.
Did you find the article helpful and want to continue adding more nifty features to your Website? If so, here are some great reads :