Prestashop Marketplace Facebook Shop Module – With billions of users on Facebook, sellers can now drive a lot of traffic to the marketplace store. With the help of our module, sellers can integrate their products to their Facebook fan page. Customers can go through seller products on Facebook itself and can even add product to cart, wishlist or can share. Seller can customize their Facebook fan page template as per requirement.
- This module is an add-on for Marketplace Module. To use this module, you need to install Prestashop Advanced Multi Vendor Marketplace first.
- To use and have the functionality of Prestashop Marketplace Facebook shop module, it becomes necessary to have SSL certified website as Facebook has restricted linking of any website without SSL certificate.
- From now on, you can create tabs only on those Facebook pages which have 2000 or more followers or if you app has been whitelisted by Facebook.
- Seller can link their products to Facebook.
- Seller need to have Facebook developer account.
- Seller has to specify the APP ID and Secret key to configure module.
- Seller need to have “Fan page” on their Facebook account.
- Seller has to link module to their Facebook account by adding “Facebook Canvas” and “Page Tab” platforms.
- Seller has to make the APP live so that it is visible to all publicly.
- Seller can have full control on seller’s Facebook fan page.
- Seller can change the template theme and shop settings.
- Seller can enable/disable the display of default Prestashop slider.
- Seller can enable/disable the display of new arrivals on Prestashop store.
- Seller can enable/disable the display of best sellers on prestashop store.
- Seller can enable/disable the display of recommended products.
- Seller can enable/disable the display of subscription block.
- Seller can enable/disable the display of footer category block.
- Seller can enable/disable the display of footer block.
- Seller can enable the top banner, if the slider is disabled.
- Seller can enable/disable the display of the category banners.
- Seller can change the colour of the theme.
- Seller can change the colour, style and size of theme font.
- Seller can change the colour of the fonts used in header.
- Seller can change the footer colour as well as footer font size.
- Seller can also change the text message used in the footer.
For installing Marketplace Facebook shop module you need to install Prestashop Advanced Multi Vendor Marketplace module first.
After installing marketplace module you can start the installation of Marketplace Facebook Shop module.
- Go to the back office-> modules -> Upload a module
2. Upload zip file of “Prestashop Marketplace Facebook shop” module
Module will be installed automatically.
After successful installation of module, a new tab “Facebook Shop” will be added to seller marketplace account.
After getting the APP ID and Secret key, seller has to fill these details in the module configuration.
Template Configuration :
Shop Configuration : Seller can now manage Facebook shop page display by configuring “shop configuration”
Theme Configuration : Seller can also set theme colour using “theme configuration” tab.
How To Get The API Keys
To get the API keys admin should have account on Facebook developer site. Admin needs to create developer account on Facebook in order to add new apps to the account.
Enter Display Name and Contact Email Id to Add a New App.
Go to Basic Settings. Now admin has access to App ID & App secret key to configure his/her module.
How To Link The Module With The Facebook App
To link module with Facebook app, admin has to go to the Facebook developer account.Go to App settings and then click on Add platform. On clicking add platform a pop up will open.
Admin needs to add Website URL and Page Tab.
Admin needs to add website URL & Page details to Integrate them into shop.
After this, Click the button shown in pictures below to make your app public.
Do remember to disable “Native or Desktop App” option.
In case if you want to enable “Native App” option then make sure to disable option (Shown by right arrow).
Do not forget to allow API Access to App Settings
In this way admin can successfully link module with Facebook account.
How To Create Facebook fan Page
Admin needs to integrate Facebook fan page into their own Facebook account.
Login to your Facebook account, Now click the button shown in the picture below to expand Drop-down menu & then click on “Create Page” to add a new Facebook fan page.
Now follow the steps represented in pictures below.
After filling in necessary details in the screens above, click on “Get Started” to go to your fan page.
This is how admin can create Facebook fan page successfully to proceed further.
Facebook Shop View
Admin has configured & linked the module with Facebook account. Now, Admin can click on “Click to add store” to link his/her Prestashop store to Facebook fan page.
Note: – It is necessary to have Facebook Fan page to link Prestashop store. A fan page can display multiple Prestashop store.
After adding the page seller will be redirected to the Facebook shop custom page. Now, seller has to visit their Facebook account. Seller will go to the fan page to which the shop is added.
On clicking “Name of your shop” option , admin can view the name of the page tab. Once admin clicks on that tab, he/she will be redirected to Facebook Shop page.
Custom Facebook Shop Page Setting
Seller can customize available custom template for seller’s Facebook shop page as per need. seller can go to “shop setting” in the module configuration to do the same.
- By default, the display of slider is enabled if the slider related module provided by Prestashop is enabled.
- By default, the display of slider is disabled if the slider related module provided by Prestashop is disabled.
- If seller has disabled the slider and enabled the banner then banner will be displayed instead of slider.
- Seller can also enable the category banner and can also change these banners.
Seller can also change the theme colour, fonts and footer message from “theme configuration”.
Front-End View :
For any kind of technical assistance, just raise a ticket at : https://webkul.uvdesk.com/ and for any doubt contact us at firstname.lastname@example.org
Current Product Version - 5.0.0
Supported Framework Version - 1.7.x.x