Prestashop and facebook integration: shop in facebook fanpage tab

Today i want to write about presta and fcb integration module, and how to add own shop to our facebook fanpage!

Facebook Shop module for PrestaShop is the best and the most effective PrestaShop module, for integrate your shop with your Facebook Fanpage. This solution is not only a module but also a reliable application on Facebook that allows you to easily install the shop tab! In this way you will not have to create a new application. Just click, and use this great social media tool.

you can check demo version of this module, and you will se how does this feature work"

How to add Facebook like box plugin to PrestaShop?

Now we write step-by-step tutorial about adding Facebook Like Box plugin into the PrestaShop based web store - exactly as we say in the previous post about paid Facebook integration: Like Box Prestashop Modules.

In this tutorial you will read how to create Facebook Like Box plugin code and something about adding procedure to your shop. Please note that to do it yourself you will need a minimum knowledge of managing files on the ftp server. But I think that the issue is simple and anyone can do it yourself. So let's go!


Maybe you want also great facebook shop tab?
The best Facebook Shop module for Prestashop - now 40€ cheaper!

Select place where we want to add Facebook Like Box Plugin in PrestaShop

As we say in previous post we want to add Like Box Plugin into right collumn of our shop. We of course  can add this awesome plugin wherever we want, but that is a topic for a completely separate article ;). 

On image attached below we pointed on red area where we want to put Facebook Input Box Plugin.

If we want to change our PrestaShop template, it is important to turn on "force compile" in PrestaShop preferences. Basically "force compile" is related to programming languages (in this case for php and smarty solution). If you turn on force compile in PrestaShop back-office - the script will rebuild your shop template on every time you enter or refresh shop page. It's important, because without "force compile" changes will not appear! Remember to turn off "force compile" after doing work. If you don't know where you can turn of "force compile": login into you PrestaShop back office go to Preferences tab, next to performance tab. You will see:

To turn on check "Force compile:" setting to yes. Ok, so now you can edit shop template files.

Editing PrestaShop template file for Facebook Like Box Plugin

If we want to add Like Box Plugin into right collumn of our shop, edit shop template file named footer.tpl. You can find it here: 

prestashop_directory/themes/your_theme/footer.tpl

Where:

prestashop_directory is directory where you prestashop is installed

your_theme is a shop template directory that is active in your shop

open file to edit with notepad or other text edior. We prefer to use a special HTML or PHP editor like notepad++ (windows) or geany (linux) or other free software. In this case we will show how to edit in simple  windows notepad. So, edit this file with notepad ;)

You footer.tpl file probably looks like file included below:

//HERE YOU WILL MUST IMPUT 
//PROPER LIKE BOX PLUGIN CODE 
{$HOOK_RIGHT_COLUMN}

How to get Facebook Like Box Plugin code?

go to http://developers.facebook.com/docs/reference/plugins/like-box/ page and fill Like Box setting form.

Available setting in form:

Facebook Page Url: The URL of the facebook page for like box

Width: the width of the like box plugin

Height: the height of the like box plugin

Color Scheme: The color scheme of the plugin. Note that the background is always transparent to match your background color. This setting changes the foreground colors to work well on light or 

Show Faces: Enable in you want to display profile photos of fans

Border Color: Border color of the like box plugin

Stream: Enable if you want to stream wall feed from your fan page

Header: Enable if you want to display "Find us on facebook" in header of Like Box

Click on Get Code button. Now you will se box with code for: HTML5, XFBML, IFRAME, URL. Select the IFRAME.

copy selected code to clipboard (ctrl+c)

and paste it for place:

//HERE YOU WILL MUST IMPUT 
//PROPER LIKE BOX PLUGIN CODE 
{$HOOK_RIGHT_COLUMN}

You footer.tpl section for displaing like box after paste like box code will looks like below:

{$HOOK_RIGHT_COLUMN}

As you probably see, in iframe we defined connection to Like Box Plugin url.

Attributes in Like Box Plugin url:

• href - the URL of the Facebook Page for this Like Box
• width - the width of the plugin in pixels. Default width: 300px.
• height - the height of the plugin in pixels. The default height varies based on number of faces to display, and whether the stream is displayed. With the stream displayed, and 10 faces the default height is 556px. With no faces, and no stream the default height is 63px.
• colorscheme - the color scheme for the plugin. Options: 'light', 'dark'
• show_faces - specifies whether or not to display profile photos in the plugin. Default value: true.
• stream - specifies whether to display a stream of the latest posts from the Page's wall
• header - specifies whether to display the Facebook header at the top of the plugin.
• border_color - the border color of the plugin.
• force_wall - for Places, specifies whether the stream contains posts from the Place's wall or just checkins from friends. Default value: false.

Save your footer.tpl file and upload it into your PrestaShop correct template directory in ftp server. Refresh your website. Now you can see like box included into your shop page :)

You can also add this plugin in left column, footer section or in header section following this step-by-step tutorial. But there is main problem: how to add like box between Cart or specials Section?

It's a little bit harder and it's topic for another article.... If you want to put like box anywhere you want, use module: Facebook Like Box Pro module from official PrestaShop addons store, which costs 35,76 € with tax) or use module named Prestashop Facebook Like Box Plugin Module for about 14,00 € (this is price with tax).

Facebook integration: Like Box Prestashop Module

Before I write something about adding like box plugin to your shop site I want to say a little bit about what exactly  is Facebook Like Box?


The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. In our opinion this social media plugin from facebook is one from the most important thing in every shop based in PrestaShop engine.


The Like Box enables users to:

• See how many users already like this Page, and which of their friends like it too
• Read recent posts from the Page
• Like the Page with one click, without needing to visit the Page

How to add facebook like box plugin to my PrestaShop?

You can add this great plugin in two ways:

1. First way is use one from many available modules in oficial PrestaShop addons store. For example, here is the Facebook Like Box Pro module, which costs 29,90 € (price without tax, which mean that module costs 35,76 € with tax). You can also bought suchlike module named Prestashop Facebook Like Box module for about 14,00 € (this is price with tax).
2. Second way means that you can add Like Box plugin manually. But in this is related to the necessity of knowing programming languages. I will write now how to add facebook like box plugin into your shop based on PrestaShop engine. For example, we will add like box plugin into right collumn of your shop.
   
   In the next article I will write step by step tutorial!

Prestashop and Facebook integration: Facebook sales tab

Today i want write something about next module to integration your shop with facebook. I want to introduce you to Facebook sales tab module. Module is one of the most attractive way to advertise your offer on Facebook.

Facebook sales tab is a PrestaShop module, which can increase the number of customer visits and boost your income. Our solution integrate your shop with Facebook Fan Page by adding a special "Sales" tab into it, where user gets completly list with products in sale from your shop based on PrestaShop engine. Check Prestashop Facebook sales tab demo.

How this Prestashop and Facebook integration works?

Our module and Facebook application add automatically to your Fanpage on Facebook special tab, where users can find product in "Sale" From your shop. 

After clicking to "Sales" tab, user gets list of products in "sale". You can manage this page and configure it exactly as you want using module back office.

Read more about this Prestashop and Facebook integration

Prestashop and facebook integration: Coupons / voucher codes

Today i will write about integration your PrestaShop with your shop facebook fanpage account.

Integration will increase your income, because the main thing in our solution is generating voucher codes / discount codes for users which liked (click "like") your fanpage.

We want to recommend our module Facebook Fan Coupons

You can create you own Fanpage Tab with coupon generator in three steps:

1) first step: Install our application. Our dedicated application uses SSL certificate, so everyone who has "safe browsing" turned on on facebook can access your tab. This solution is important, cause if you want your own application you must buy SSL certificate which cost about 50 €. We give your access to our SSL certified domain for FREE. 

2) second step: Install our module in your shop. Install module Facebook Fan Coupons Tab in your PrestaShop back office. 

3) third step: Configure it as you want.

More information about module you can find here:

Prestashop Facebook Fan Coupon Tab