11 May 2015: Facebook has deprecated Facebook Like Box, and replaced it with Facebook Page Plugin. This extension adds a Facebook Page Plugin module to your OpenCart-based shop.
Who is this for?
This extension is for any OpenCart shop owner who wants to integrate with Facebook to harness the power of social marketing.
Sample output
The module placed in content top or content bottom position The module placed in content left or content right position Features
- New Facebook Page Plugin - reap the benefits of social marketing
- Options to turn cover photo, friends' faces, and posts on/off.
- Module can be placed in any layout in any position.
- Responsive The module takes the width of its parent element upon page load (min. 280, max. 500). However, it does not resize dynamically - if width of page element is changed after load, you need to reload the page for the module to adjust its width.
- Multilingual The module picks up the visitor's browser's default language.
- Per-language FB page Often, multilingual businesses have different Facebook pages for different languages/countries. This extension fully caters to that.
These instructions are for the OpenCart 2.x-compatible versions of the extension
- First download the correct version of the extension from the Extensions Page. (save it in a memorable location like your Desktop)
- Extract the archive (unzip the zip file)
Part 1 - Install the Facebook SDK
- In your browser, log into the admin area of your OpenCart Install and go to: Extensions > Extension Installer
- Click Upload, browse to the extracted folder > modification and select the file FacebookSDKLoader.ocmod.xml
- Once the Progress bar is 100% green and you get the success message (the continue button may never work), go to Extensions > Modifications
- Click the Refresh button
- Use an FTP client such as Filezilla to upload the contents of extracted folder > extension > upload to the root of your OpenCart installation.
- In your browser, log into the admin area of your OpenCart Install and go to: Extensions > Modules
- Find Facebook Page in the module list and click on the Install button next to it.
- In your browser, log into the admin area of your OpenCart Install and go to: Extensions > Modules
- Find Facebook Page in the module list and click on the Edit button next to it.
- You will see something like this
- Module name: Choose a module name. This is a required field.
- Heading title: You can choose a heading title for the module. Most people leave it blank.
- Facebook Page slug: Please enter the slug of your Facebook page. This is the part of the URL that appears after the https://www.facebook.com/ part when you visit your Facebook page. Note: Yes, you can provide different Facebook slugs for different languages if you have different Facebook pages for different languages. e.g. You could provide myshopde for German and myshopes for Spanish. And yes, I know that's very cool.
- Hide Cover: Choosing yes will hide the FB Page Cover Photo. Most people choose No.
- Show Friends: Choosing yes will show photos of friends (just like Likebox and Facepile used to). Most people choose Yes
- Show Posts: Choosing yes will show latest posts from the FB Page. Most people choose No
- Width: Minimum width of the module is 280px. It adapts to the width of the parent element. So if parent is wider, width of module will be wider too - but maximum is 500px. You can specify a different maximum width here. Or leave the field blank to use Facebook defaults.
- Height: Minimum height of the module is 130px. You can specify the maximum height here, or leave the field blank to let Facebook decide.
- Status: Select Enabled
and click the Save button.
Fill in the details for each language:
- Now the module is ready to use and we need to put it in various visual areas on the shop. So go to: Settings > Design > Layouts
- Click the Edit button next to the layout(s) on which you want the module to appear.
- Click Add Module button, select the module, position and sort order, and click the Save button. Go to previous step for every layout on which you want Facebook Page Plugin to appear.
Facebook Page Plugin v 1.0.0 for OpenCart 2.x is a complete rewrite of the extension. There is no upgrade path for the extension written for OpenCart 1.x Please uninstall the previous version, and follow the above fresh install instructions to move on to the new version.
FAQ - Frequently Asked Questions
- Likebox is not appearing :-(
- Ensure that you have followed the installation instructions, and completed all 3 parts.
- Ensure that you have added the module to the layout (steps 4-5 above) of the shop page you are on.
- Ensure you are using a Facebook page URL slug, and NOT a Facebook profile URL slug. Pages are for organizations and profiles are for people.
- Ensure you have provided only the slug not the whole URL. facebook good, www.facebook.com/facebook bad.
- Ensure you have provide the page slug only and nothing more. facebook good, facebook/info?tab=page_info bad
- Same people's photos appear twice/ multiple times :-(
- That means you are logged into Facebook as your business page. Log out of Facebook and refresh your shop in browser.
- Can I change the font, background, etc
- Sorry, Facebook does not offer those options.
- Will this work with my theme?
- The extension has been designed as a module that works with any theme.
- If it doesn't work for you, try changing your theme to Default theme.
- If it still doesn't work, then there is some other issue (e.g. another extension blocking this one).
- If it works with Default theme but not with your custom theme, PM me and I will provide limited install support.
- Check the FAQs above
- If your question is still unanswered, post it in this topic
- You can also PM me
11 May 2012 wrote:This is a simple extension that adds a Facebook Like Box or Fanbox as a module to your Opencart installation.
There are not a terrible lot of options, but on the other hand, it's terribly easy to use. Just provide your Facebook page URL, add the module to layout(s) and you are done.
I hope you enjoy this extension. If you'd like to donate, please click on the Donate button below.
Installation
Sample output Likebox not appearing :-(
- Download the correct version of the extension from http://www.opencart.com/index.php?route ... on_id=6392
- Upload the contents of the uploads folder to your shop's root folder.
- Log into shop Admin Panel. Go to Extensions > Modules.
- Click Install link next to "Facebook likebox".
- Click Edit link next to "Facebook likebox",
- provide the URL (including http://) for your Facebook page (not progile),
- provide dimensions of the box and
- add the module to your desired layouts, esp. Default layout.
- Go to System > Users > User Groups and Edit each user to check appropriate checkboxes to add permissions to this extension.
I get a Facebook error message saying I am logged in as a page :-(
- Please ensure you are using a Facebook page URL, and NOT a Facebook profile URL. Pages are for organizations and profiles are for people
- Ensure you have added the module to the desired layouts (step 8 above)
That means you are logged into Facebook as your business page. Go to Facebook, log out (or change over to your profile). Go back to your OpenCart shop's page and refresh.
Advertising
This mod adds my link to your site's footer (next to the Opencart link). It would be nice if you don't remove it. If you do remove it, please consider donating.