Facebook Shop extension for Magento 2 helps in synchronizing the products of the Magento 2 store with the Facebook shop. It helps the store owner to sell their products on Facebook.
The admin can decide whether to redirect the customers at the checkout page or product page on the store except for bundle and grouped type products. The admin can manually upload or set the cron to update the product on the Facebook shop.
Watch the video tutorial below to understand the extension workflow:
- Synchronize the Magento 2 store product with the Facebook shop.
- Now you can sync the Magento 2 store products with Instagram too.
- By default, it redirects the customers directly to checkout except for grouped and bundle type products.
- The admin can redirect the customer to the product page of the store.
- The admin can manually generate the product feed CSV.
- It also allows the admin to generate the periodic CSV.
- Schedule product feeds CSV generation regularly by setting up the cron.
- Set the frequency of the cron for the periodic CSV generation.
- Set the start time of the CSV generation.
- The admin can set the prefix for Facebook products.
- Remove or include the out of stock products while generating product feed CSV.
- Set the default Google Product Category for Facebook products.
- Mass Assign Google Product Categories to the products which are enabled on Facebook.
- Manage the Facebook attribute mapping with the Magento 2 store attributes.
- It supports all product types: Simple, Configurable, Downloadable, Grouped, Virtual, and Bundle.
- It supports special price imports to the Facebook shop.
Customers will get a zip folder. Then they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.
You need to transfer this app folder into the Magento2 root directory on the server as shown below:
After that, you have to run these commands in the Magento2 root directory.
First Command –
php bin/magento setup:upgrade
Second Command –
php bin/magento setup:di:compile
Third Command –
php bin/magento setup:static-content:deploy
After running the commands, you have to flush the cache from the Magento admin panel by navigating through System > Cache management as shown below:
Thus, this is all about the procedure of the installation of the module.
For translating the module language, navigate through src/app/code/Webkul/FacebookShop/i18n and edit the en_US.csv file.
Thereafter, rename the CSV as “en_SA.csv” and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.
Then upload it to the path src/app/code/Webkul/FacebookShop/i18n where the Magento2 is installed on the server.
The module gets translated into the Arabic Language. It supports both RTL and LTR languages.
After the successful installation of the Facebook Shop module for Magento 2, the admin can configure the module from the back-end.
For that, the admin needs to navigate through the Store > Configuration > Facebook Shop as shown below:
Under the Facebook Shop, there are two configurations; Facebook Shop Configurations and Product Configurations as shown above.
Facebook Shop Configurations:
Allow Periodic CSV Generation – The admin can enable this option to generate the product feed CSV periodically else not.
If the admin enables this option as shown in the below image, then the admin needs to enter the cron frequency, and opening time.
Cron Frequency – The admin can set the frequency for the periodic CSV generation as Daily, Weekly, and Monthly.
Opening Time – Set the start time of the CSV generation on a specific frequency.
Generate CSV Manually – The admin can click here to generate CSV manually having the product feed data.
Prefix for Fb Products – The admin can add the prefix to the products which are listed on the Facebook shop.
Allow Out of Stock products to appear on Facebook Shop – The admin can allow the out of stock products to appear on Facebook Shop.
Default Google Product brand for Products – Enter the default product brand name for the Facebook products.
Click here to see the google taxonomy sheet Google Taxonomy with Id(s).
How to enable the product for Facebook Shop?
To show the product on the Facebook Shop the admin needs to enable the product for the Facebook shop and needs to enter some necessary details.
The required details are in the below snapshot:
Allow On Facebook Shop – The admin has to enable this option for enabling the product on the Facebook Shop.
Redirect to Product Page – If the admin wants the customer to visit the product page before buying them, then they can enable this option else the customer gets redirected to the checkout page.
Product Condition – Select the product condition as New, Refurbished, Used, Used Fair, Used Good, or Used Like New.
Gender – Here the admin needs to select the gender as Male, Female, or Unisex.
Google Product Category – Here the admin can enter the related product id based on Google Product Taxonomy.
By default, it fetches the Google Product Category for the product which is set by the admin under the configuration.
Brand – Enter the brand name of the product.
- Along with the above details, the product description is also required.
- The Redirect to Product Page option will not appear while creating or editing the Grouped or Bundle products. As in both the cases, the customer need to visit the product page to choose the associated products.
Once the admin has entered all the required details for the product, the product gets enabled to add on the Facebook Shop.
The admin can also enable the products in bulk for the Facebook Shop.
For that, the admin needs to select the products and click on the Change Facebook status as enable under the Action button.
Also, the admin can select the product in bulk to redirect Facebook products to the Product page of the store.
For the reference, check the below snapshot:
After that, the admin can manage Facebook Shop from the admin panel. For the reference, you can check the below snapshot:
Assign Google Product Category
Moreover, the admin can mass assign the Google Product Categories to the products which are enabled on the Facebook shop.
For mass assignment of the category, the admin needs to select the enable products from the product list.
For the reference, check the below snapshots:
Once admin selects the product, then they need to enter the Google Product Category as shown below:
After entering the Google Product Category, the admin needs to click on the Assign Category button. Then the category gets assign to the selected products.
Facebook Attributes Mapping
Some of the Facebook attributes are not available in default Magento 2. So, the admin can create those attributes from the back-end and map the same with the Facebook attributes.
For mapping those attributes, the admin needs to click on the Add Mapping button as shown below:
After that, the admin can choose the Facebook Attributes from the drop-down list and then choose the respective Product Attribute from the Product Attribute drop-down list.
For the reference, you can check the snapshot below:
Once the admin selects the Facebook attribute and the respective product attribute for that, then they need to click on the Save button.
After that, the mapping is successfully created as shown below:
Feed CSV Logs Details
The admin can see all the product feed CSV file under the Catalog Feed CSV Logs. Under this list, they can see all the manual and scheduled generated CSV files.
The admin can see the log added every time the product CSV gets generated, with the details like Triggered By, Log Message, Created At, CSV path, Status, and the Added Products.
For the reference, you can check the below snapshot:
Images and additional images on a product can be only imported to Facebook shop feed via https URL.
If the URL will be HTTP, then the product will appear on the shop with blank images (default FB image icon)
How to create a page on Facebook?
For creating the page on Facebook, the admin needs to click on the Create tab and then on the Page tab as shown below:
After that, the admin needs to choose the page category as below:
Here for creating an E-commerce shop, the admin needs to select Business or brand and then click on the Get Started button as shown below:
After that, they have to enter the Page Name and choose the category of the page accordingly.
At last, they need to click on the Continue button for creating the page as shown below:
In the above snapshot, the page has been created by the admin.
Add Shop Tab into the Facebook Page
The products which the admin integrates to the Facebook store will be shown under the Shop tab of their Facebook page.
To add the Shop tab on the Facebook page, the admin needs to go to their page and click on Settings as shown below:
After clicking on Settings, the admin needs to click on the Templates and tabs and then on the Add a Tab button as shown below:
Once the admin clicks on the Add a Tab button, then they need to select the Shop Tab and then click on the Close button as shown below:
Now the Shop Tab will start appearing on the page. When the admin clicks on the shop tab a popup will appear as shown below:
Here the admin needs to tick the checkbox to agree to the Seller’s Terms and Policies and click Continue button.
After agreeing with the Seller’s Terms and Policies to Set up the shop section, the admin can see another popup to select the checkout method for the Facebook store products as shown below:
Here the admin needs to select Check Out on Another Website and click Continue button.
Next, another popup shows up, asking to choose the shop currency as shown below:
Here the admin needs to select the currency of their Magento 2 store and then clicks on the Save button.
Once the admin has done with all the settings, the Shop gets created as shown below:
How to set up the catalog feed on Facebook?
After that, for adding the Catalogues, the admin needs to click on the +Add button and then on Create a new Catalogue.
Once the admin has clicked on that, a popup will appear. Here they need to enter the Catalogue name and select the Type from the drop-down list.
For the reference, check the below snapshot:
Now, the admin needs to Add people and set permissions and then click on the Assign button as shown below:
For adding the products to the Catalogue, the admin needs to click on the Add Products button.
Under Add Products to Your Catalog, they need to select the Use Data Feeds option as shown below:
After that, the admin can upload the data feed file. For the reference check the below snapshot:
From here, the admin can Upload the data feed file manually or can set an automatic file upload schedule.
Manual uploading of the Product CSV
For manually uploading the file, the admin needs to select Upload file manually as shown below:
Then, they need to upload the file under the File Upload. In the below image a file is already added.
Now, the admin needs to click on the Start Upload button to start uploading the product on the Facebook shop.
Once all the products get upload on Facebook Shop, the admin can see the upload session as below:
The admin can also see all the data sources with their name, source type, status under a list as shown below:
From here, the admin can also add more products by clicking on the Add Products button. Also, they can upload the feed file to update.
Automatic Product CSV file upload
For scheduling the automatic file upload, the admin needs to select Set automatic file upload schedule as shown below:
Here, the admin needs to enter the Data feed URL. If the data feed URL is password protected, then they need to enter the login details of the same.
Then, they can select when they want to automatically upload their inventory data from the URL. Available options are Hourly, Daily, Weekly.
After entering all the necessary details, they need to click on the Start Upload button to schedule an auto-update of the product feed CSV.
Product View on the Facebook shop
Once the admin uploads the product on the Facebook Shop, the customer would be able to see all the products on the Facebook Shop.
From here, the customer can click on the product and see the details related to the product as per below image:
If the admin has enabled the redirect to the product page option for the selected product, then the customer can check the product page as per below image:
Else they can make checkout directly from the website.
Note – In Bundle and Grouped product case, the customer will redirect to the product page by default.
Special Price Imports to the Facebook Shop
The customer can see all the special prices of the products on the Facebook Shop and this extension supports special price imports to the Facebook shop.
From here, the customer can click on the product and see the details of the product as shown in the image below:-
The admin can see all the product details in the CSV file, such as special price, Id, description, etc.
How To Link Facebook Shop With Your Instagram?
By the help of this module you can easily showcase up your Facebook shop products on your Instagram. For that you need to link up your catalogue with Instagram.
So for that after log-in up with your Facebook account you need to open up the https://www.facebook.com/analytics.
Now from here you need to click on the “Catalouge Manger” option which will redirect you the catalogue you have on Facebook with products.
Now in order to set up the Instagram shopping you need to click on Set up Instagram Shopping option after selecting the desired catalouge for products.
Now its time to connect your Instagram Profile with Facebook shop by clicking on “Connect Profile” so you can access your Facebook catalouge on Instagram.
Now from here after making your Instagram business profile you can able to see the profiles you have connected to link Facebook catalouge & even can add new from here as well.
Note:- It is mandatory that your Instagram account should be a Business profile so for that follow these steps https://help.instagram.com/502981923235522 .
Thus, that’s all for the Facebook Shop module for Magento 2. If you face any issue, feel free to add a ticket at our HelpDesk system.
Current Product Version - 4.0.0
Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x