Reading list Switch to dark mode

    Facebook Shop for Magento 2

    Updated 22 March 2024

    Introduction

    Magento 2 Facebook Shop extension helps in synchronizing the products of the Magento 2 store with the Facebook shop. Social Commerce Extension 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:

    Feature List

    • 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.

    Module Installation

    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:

    Searching for an experienced
    Magento 2 Company ?
    Find out More
    m2_installation

    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:

    INSTALLATION

    Thus, this is all about the procedure of the installation of the module.

    Language Translation

    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.

    language

    Module Configuration

    After the successful installation of the Magento 2 Facebook Shop module, 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:

    webkul-magento2-facebook-shop-configuration-2

    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.

    webkul-magento2-facebook-shop-configuration-1

    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.

    Products Configurations:

    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:

    webkul-magento2-facebook-shop-product-enable

    Facebook Shop

    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.

    Note-

    • 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:

    webkul-magento2-facebook-shop-bulk-enable-product

    After that, the admin can manage Facebook Shop from the admin panel. For reference, you can check the below snapshot:

    facebook_shop

    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 enabled products from the product list.

    For reference, check the below snapshots:

    webkul-magento2-facebook-shop-mass-assign-google-product-categories-2

    Once the admin selects the product, then they need to enter the Google Product Category as shown below:

    webkul-magento2-facebook-shop-mass-assign-google-product-categories-3-1

    After entering the Google Product Category, the admin needs to click on the Assign Category button. Then the category gets assigned to the selected products.

    webkul-magento2-facebook-shop-mass-assign-google-product-categories-4

    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:

    webkul-magento2-facebook-shop-manage-facebook-attribute-mapping

    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 reference, you can check the snapshot below:

    webkul-magento2-facebook-shop-add-mapping

    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:

    webkul-magento2-facebook-shop-manage-facebook-attribute-mapping-created

    Feed CSV Logs Details

    The admin can see all the product feed CSV files 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 reference, you can check the below snapshot:

    webkul-magento2-facebook-shop-catalog-feed-csv-logs

    Note:

    Images and additional images on a product can be only imported to the 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)

    Multi Website Mapping

    Through multi-website mapping, the store owner will be allowed to map Facebook stores with the multiple sites on this panel.

    multi-website-mapping

    Now the store owner can see all the Facebook stores mapped through the website and can export the CSV accordingly from here.

    By Clicking on the Add website the store owner will be able to see the required fields in order to create the store as per the Facebook stores.

    setup-multi-website

    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:

    20-webkul-search-results-Facebook

    After that, they have to enter the Page Name and choose the category of the page accordingly.

    20-Facebook

    At last, they need to click on the Create Page button to create the page as shown below:

    20-Facebook-1

    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:

    Facebook

    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:

    webkul-magento2-facebook-shop-creation-2

    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:

    webkul-magento2-facebook-shop-creation-3

    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:

    webkul-magento2-facebook-shop-created-1

    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:

    webkul-magento2-facebook-shop-created-2

    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:

    webkul-magento2-facebook-shop-created-3

    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:

    webkul-magento2-facebook-shop-created-4

    How to set up the catalog feed on Facebook?

    To set up the catalog feed on Facebook, Go to the Facebook business manager. Click the Business Manager and from the menu, click All Tools as shown below:

    Meta-Business-Suite

    Then in All Tools go to Commerce.

    After that, to add the Catalogues, Go to the Catalogue Section the admin needs to click on the +Add catalogue button.

    Facebook-2

    Once the admin has clicked on that, a popup will appear. Here they need to select the Type and Name from the drop-down list, After Finishing this

    Commerce-Manager-2-1

    For the reference, check the below snapshot:

    Facebook-1-1

    Now, the admin needs to Add people and set permissions and then click on the Assign button as shown below:

    Business-Settings-2

    For adding the products to the Catalogue, the admin needs to click on the Add Item button.

    Commerce-Manager

    Under Add Products to Your Catalog, they need to select the Use Data Feeds option as shown below:

    Commerce-Manager-1

    In the below section, the admin needs to enter their Magento 2 CSV URL.

    Commerce-Manager-1-3

    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:

    2-Catalogue-Manager-2

    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.

    webkul-magento2-facebook-shop-catalogue-manager-1-2

    Once all the products get uploaded on Facebook Shop, the admin can see the upload session as below:

    Commerce-Manager-3

    The admin can also see all the data sources with their name, source type, status under a list as shown below:

    Commerce-Manager-4

    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:

    2-Catalogue-Manager-4

    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, and 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.

    facebook-shop-view

    From here, the customer can click on the product and see the details related to the product as per below image:

    magento2-facebook-shop-product-view

    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:

    endurance_watch-1

    Else they can make checkout directly from the website.

    Shopping-Cart-1

    Note – In Bundle and Grouped product cases, 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.

    fb-page-4

    From here, the customer can click on the product and see the details of the product as shown in the image below:-

    product-details-1

    The admin can see all the product details in the CSV file, such as special price, Id, description, etc.

    CSV-special-price

    How To Link Facebook Shop With Your Instagram?

    With the help of this module, you can easily showcase your Facebook shop products on your Instagram. For that, you need to link up your catalog with Instagram.

    So after logging into your Facebook account, you need to click on all tools.

    Meta-Business-Suite-2

    Now from here you need to click on “Commerce”

    Meta-Business-Suite-3

    Now to set up an Instagram account you need to go to the Catalogue and choose the Catalogue from the list of products.

    Facebook-1

    Then click on Setting.

    Commerce-Manager-5
    Commerce-Manager-6

    Now click on Business Assets. Then in ad and sales channels click on Edit in business manager.

    Now: click on the Instagram account and then add the Instagram account.

    Business-Settings-3

    From here after making your Instagram business profile you can able to see the profiles you have connected to the link Facebook catalog & even can add new ones from here as well.

    Note:- It is mandatory that your Instagram account should be a Business profile so for that follow these steps- How to set up your business account on Instagram.

    Support

    Thus, that’s all for the Facebook Shop module for Magento 2. If you face any issues, feel free to add a ticket to our HelpDesk system.

    Current Product Version - 5.0.1 -p1

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    Blog Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x
    • Version 2.3.x
    • Version 2.3.x, 2.4.x
    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content