Business & Finance Social Media

How to Add the Facebook Fan Box With a Joomla Website

Facebook is now so popular; most people have their own Facebook account.
And when you visit many Joomla websites, you can see the Facebook fan box where they invite you to follow them in Facebook.
You also can see how many people liked them.
Do you want to add fan box on your website? Just follow our guidelines, and you can integrate the Facebook module not only on Joomla 1.
5! but also on 1.
7!.
There are 2 parts:
  • Part 1 is for people who only have a Facebook account; you need to create your own fan page.
  • Part 2 is for people who already have a fan page.
    You can start to integrate the Facebook module right now.
Create a Facebook Fan page
  • First you must have a Facebook fan page.
    If you don't have one, just login your account and Create a page.
  • When you click on the link, you will see 6 different kinds of page that you can choose.
    For example, if you're a company, so just choose "company".
  • Choose a category appropriate for your company and write the company name.
    Click to the box "I agree with Facebook Pages terms" and click to "Get Started" Follow the three steps on the screen to give your site more information.
  • Click "Continue" after you finish the step or "Skip" to ignore this step and jump to the next step.
    You can edit all of the information later.
    The basic information will not appear when you integrate the Facebook module.
  • After you finish all the steps, you will see your Facebook fan box appear on the screen.
    So now you will integrate the Facebook module about this fan page on your website.
To integrate the Facebook module on a Joomla! website For Joomla! 1.
5
  • Look at the fourth activity in the get started page: Promote this Facebook Page on your website.
    Click "Add like box".
  • You can go to the settings to integrate the Facebook module Insert your fan page's URL and choose the size that you want the plug-in to appear on your website.
    You can see the preview of Facebook fan box beside the settings.
  • Continue to choose what part of Facebook fan box you want to appear in the plug-in.
    You can control the header, the stream and all people who like your page.
    When you integrate the Facebook module into your website, you may want to hide the header.
  • Click "Get code" to finish.
    There's a window on the screen to display the code.
    Choose the iFrame tab and copy the code.
    That's the code to integrate the Facebook module, and if you want change the settings; you can directly edit the code.
  • Open your website, login as the administrator.
    Go to the Global configuration to turn off the TinyMCE.
    The TinyMCE strips out your code, the code can't appear correctly so you can't integrate the Facebook module.
  • The next step is: go to the Extensions / Module Manager and create new.
    Choose Custom HTML to put your Facebook code in.
    Insert the title and choose the position that you want for the Facebook module on your website.
    Paste the code that you copied from Facebook in the custom output.
    You can alter the parameters if you want.
  • Check the Facebook fan box in your website
For Joomla! 1.
7
Because the Joomla! 1.
7 stripped out the code so you can't add code as you did in Joomla! 1.
5.
You should find an extension to show the fan-box in your website.
There are some great extensions you can buy such as JFB Connect, Facebook Fan box...
But you can get a free one if you don't need to change too much of the appearance of Facebook fan box.
In this case I used Face Fan Box or Like Box to integrate the Facebook module.
  • You install this extension in your website and use Module Manager to fix it.
    You paste the URL of your fan page and configure the settings you want in the Basic Options.
  • See the Facebook fan box on your website.
So now you've finished integrating the Facebook module into your Joomla website.
If you have another way to add the Facebook module, feel free to make comments.
All ideas will be appreciated.

Leave a reply