How to Add Facebook Like Box to a Joomla 3 Website?

Often times, displaying a FB (Facebook) like button on a Joomla website is a great opportunity to maximize social engagement and thus boost online revenue. Although Joomla website version 3.x has stripped out any embedded code, it is also possible to display a fan box on your Joomla page via a handy module named as Facebook Like Box Widget. Just follow the following simple instructions and your Joomla website will be a part of the Facebook social network.

How to Add Facebook Like Box to Your Joomla 3 Website?

By all accounts, social networking websites like Facebook and Twitter are the power of virtual world, and you can combine them with a Joomla website to show off popularity and gain new fans without the hassle of rebuilding your whole site. The mentioned “Facebook Like Box Widget” is such a tremendous extension that enables you to add the Facebook like button to Joomla within a matter of seconds. In the following, we will guide you through how to use this module to connect to your Facebook pages.

Step 1 – Download & Install Facebook Like Box Widget
To begin, you should download this “Facebook Like Box Widget” from this page. Assuming that you’ve downloaded the 3.x file package to the local drive, you can log onto the Joomla backend to install it. To be precise, just navigate to “Extensions” > “Extension Manager” and then click to “Choose File” from a local computer. Make sure that you would click to “Upload & Install” this “.zip” file afterwards.

Download & Install Facebook Like Box Widget

Step 2 – Customize this Module to Your Reference
Once done, you can go straight into “Extension” > “Module Manager” to make advanced configurations. From the next snapshot, you will easily locate and select this “Facebook Like Box” module from the listed results. If needed, you can “Publish” this Joomla module by simply clicking its “Status” box.

Select Facebook Modules

Upon entering the “Facebook LikeBox Slider” page, you will be displayed with a set of basic options, including:

  • Rendering – is where to make a selection of HTML5, iframe and XFBML based on your indulgences.
  • Colour & Border Colour – is where to choose the theme colour. Note that, it can be “Light” or “Dark”, which is entirely up to you.
  • Width & Height – is where to specify the width and height of this module. If you are unsure about the two options, just leave them to the defaults.
  • Auto Language & Language – is where to decide whether enable “Auto Language” on your Joomla page. Also, there are lots of languages in the drop-down list.
  • People Faces & Stream & Header – is where to “Show” or “Hide” the “People Faces”, “Stream” and “Header”. Pay attention that, all those options are switched on by default.
  • Page URL – is where to enter your Facebook fan page URL rather than Facebook profile URL or anything else. If you do not have a fan page, you will continue with the Step 3.

Configure Facebook Module

Step 3 – Create a Facebook Fan Page
This step is optional, and you can skip to the Step 4 if you already have a Facebook fan page. To start with, just log in your Facebook account and then choose to “Create Page” from the left-hand “Pages” area. This will prompt you to choose a kind of page to build close relationship with audiences. For instance, if you are running an online store, just choose “Brand or Product” in below.

Choose Your Page Type

Once clicked, you will be asked to name your product, and in the meantime, choose a category for it. Be sure to read the “Facebook Pages Terms” before pressing this “Get Started” button.

Start Your Product

And then, follow the pop-up three steps to complete your personal information. Click the “Continue” button after you’ve finished that step or directly “Skip” to the next step. Note that, all information out there can be edited later on.

  1. Add a description and a unique Facebook address to improve the page’s SEO ranking.
  2. Add Site Description

  3. Upload your preferred “Profile Picture” from a local computer or import one from other websites.
  4. Choose Profile Picture

  5. Invite your contacts and other Facebook users to visit your page by modifying the “Location”, “Age”, “Gender” and “Interests” aspects.
  6. Choose Page Audience

  7. After the completion of the above settings, your fan page will appear onscreen as below.
  8. Facebook Fan Page

Step 4 – Display Facebook Fan Page on the Frontend
The last step is to display your Facebook fan page on the Joomla frontend. To do so, you should go back to the administrator area and then head over to “Menus” > “Menu Manager”. From this “Home” page, you can adjust the module position within this “Module Assignment” tab. To put a like box onto your Joomla site, just click this “Facebook Like Box” link and choose a “Position” from the drop-down list.

Choose Module Position

Till now, you have successfully integrated a Facebook fan page. Here is an example of what your like box will look like:

Example Like Box