magento 2 facebook store integration

30
Facebook Store Integration for Magento 2 © Meetanshi Facebook Store Integration for Magento 2 User Guide Table of Content 1. Extension Installation Guide 2. Configuration 3. Set Google Product Category 4. Bulk Update Facebook Product Status 5. Bulk Update Facebook Store Attributes 6. Facebook Attribute Mapping 7. Product Feed File Generation & Log 8. Add Shop Tab in Facebook Page 9. Set up the catalog feed on Facebook 10. Setting Facebook Product Feed Update and Replace Schedule 11. Turn on Instagram Shopping

Upload: meetanshi

Post on 18-Jun-2021

9 views

Category:

Services


0 download

DESCRIPTION

Magento 2 Facebook Store Integration by Meetanshi integrates Magento 2 store with Facebook shop Facebook remains the top social media platform even today among the competitors and leveraging it for the business is the first thing you should do if you want to get the most out of social media platforms. To make this easy for the Magento 2 store owners, Meetanshi has developed Magento 2 Facebook Store Integration extension. Synchronize the store products with the Facebook store to allow visitors to check them on Facebook. With its rich features, the extension redirects the user to Magento 2 store cart and the product is already added to the cart, making the shopping process quick! Boost sales and gain business from the Facebook platform by integrating it with Magento 2 store using the Magento 2 Facebook Store Integration extension. Benefits of Magento 2 Facebook Store Integration: • Sync Magento 2 store products with Facebook shop with ease. • Manually generate product CSV to upload in the Facebook store and also schedule it with a fixed frequency and start time. • Opt-out the products that are out of stock while generating CSV • Apply the catalog rules for product pricing display. • Set Google category for products using category ID or name based on the Google Product Taxonomy • Enable/disable the product display in the Facebook shop • Set the product condition and its details in the Facebook shop • Use mass action for bulk updating the Facebook product status • The admin can update Facebook attributes for multiple products using "Update Attributes" mass action. • Create default mappings for the required fields. • With the "Add New Mapping" button, create new attribute mapping for required and missing fields. • Check the "Facebook Attribute Mapping" grid for the list of required Facebook fields. • Add new attribute code to create the new mapping. And for that, select Facebook attribute code and the Magento attribute code. • Create the Facebook product feed from Facebook Business Manager. • Show products under "Shop" on the Facebook page. • Allow users to check the product and its detail in the popup or in the store itself where they are redirected to the cart with that item already added to the cart. • Support for Instagram tagging and shoppable Instagram for the approved regions. • Supports multi-store • The backend grid "Product Feed CSV Log" lists details of CSV generation log like start date, finished at, triggered by, product IDs, status and message. Implementing Instagram shopping using Magento 2 Facebook Product Feed Extension: Meetanshi’s Magento 2 Facebook Store Integration supports shoppable Instagram too. Using your Instagram account as a store, tag the images with your products, add their details, and link it your product pages. A shopping bag is displayed in the corner of each Insta image and a user can see the product tags on hovering over them For more information, visit https://meetanshi.com/magento-2-facebook-store-integration.html

TRANSCRIPT

  • Facebook Store Integration for Magento 2 © Meetanshi

    Facebook Store Integration for Magento 2

    User Guide

    Table of Content

    1. Extension Installation Guide

    2. Configuration

    3. Set Google Product Category

    4. Bulk Update Facebook Product Status

    5. Bulk Update Facebook Store Attributes

    6. Facebook Attribute Mapping

    7. Product Feed File Generation & Log

    8. Add Shop Tab in Facebook Page

    9. Set up the catalog feed on Facebook

    10. Setting Facebook Product Feed Update and Replace Schedule

    11. Turn on Instagram Shopping

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    1. Extension Installation

    For Magento Marketplace Customers

    o Create a folder structure in Magento root as app/code/Meetanshi/FaceBookShop

    o Download and extract the zip folder and upload our extension files to the

    app/code/Meetanshi/FaceBookShop via FTP.

    o Login to your SSH and run below commands step by step:

    php bin/magento setup:upgrade

    For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy

    For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f

    php bin/magento cache:flush

    For Meetanshi Customers o Extract the zip folder and upload our extension to the root of your Magento 2 directory via

    FTP.

    o Login to your SSH and run below commands step by step:

    php bin/magento setup:upgrade

    For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy

    For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f

    php bin/magento cache:flush

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    2. Configuration To configure the extension, login to Magento 2 backend, move to Stores Configuration

    Facebook Store Integration where you can find various settings to configure the extension.

    Generate CSV Manually: Click to generate CSV having the product feed data.

    Schedule Periodic CSV Generation: Set YES to schedule product feed CSV generation on a regular basis. This setting sets up the cron that keeps regenerating the product feed file (CSV)

    that Facebook fetches to update your Facebook shop.

    Frequency: Set frequency for the periodic CSV generation.

    Start Time: Set start time of the CSV generation on a specified frequency.

    Remove Out of Stock Products from CSV: Set YES to remove out of stock products while creating product feed CSV and restrict those products display in the Facebook store.

    Apply Catalog Rules on Product Price: Select “Yes” if you want the catalog rules to be

    reflected in the product prices shown in the Facebook shop.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    3. Set Google Product Category The extension requires to set Google Product Category (ID or Name) for your Magento

    categories based on Google Product Taxonomy.

    For Magento Categories Go to Catalog > Categories, select the categories you want to show in Facebook store, find

    the tab “Facebook Shop Integration”, and set the ID or name of the Google product

    category listed here that best fits with your Magento category. This helps when you want to

    run dynamic ads.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/https://support.google.com/merchants/answer/6324436http://www.google.com/basepages/producttype/taxonomy-with-ids.en-US.xls

  • Facebook Store Integration for Magento 2 © Meetanshi

    For Magento Products

    Go to Catalog > Products, select the products you want to show in Facebook store, find the

    tab “Facebook Shop Integration”.

    o Facebook Shop Product: Enable the product to show in the Facebook store.

    o Product Condition: Select one of the product conditions to show in the Facebook store.

    The extension fills “New” by default.

    o Google Product Category: Set the ID or name of the Google product category listed

    here that best fits with your Magento product.

    Note: The Google Product category will be prioritized in Product >> Category. If you have set

    Google Product category for the product, it will be shown, else the ID of the category in which the

    product resides will be shown.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/http://www.google.com/basepages/producttype/taxonomy-with-ids.en-US.xls

  • Facebook Store Integration for Magento 2 © Meetanshi

    4. Bulk Update Facebook Product Status The extension facilitates to update the Facebook product status using the mass action. If you

    want to only show some of the products in Facebook store, set their product status to YES. Go to

    Catalog > Products, select the products to update their Facebook product status and select the

    “Facebook Product Status” mass action from the Actions dropdown and set the required

    status in bulk.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    5. Bulk Update Facebook Store Attributes You can bulk update Facebook store attributes. Go to Catalog > Products, select the products

    for which you want to update attributes, select “Update Attributes” mass action, set values for

    the options “Facebook Shop Product”, “Product Condition” and “Google Product Category”, and

    save to assign the values in bulk to selected products.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    6. Facebook Attribute Mapping After the extension installation, the extension automatically creates default mapping between

    the product attributes and Facebook fields with the same name. You don’t need to create

    mappings for those fields. For example, product name, ID, availability, price, condition, etc.

    Add New Mapping

    Some of the Facebook fields are required (Check the list of required and optional fields

    here: https://developers.facebook.com/docs/marketing-api/catalog-feed-setup#supported-

    fields). Therefore, if the extension can’t fill some of the required fields itself, it can’t do

    mapping for those fields with the Facebook and thus, it displays an error message in the

    feed generation panel. To solve this issue, you need to create an attribute for the required

    field and map it with the Facebook field. To add new attribute mapping, simply go to

    Facebook Store Integration > Facebook Attribute Mapping and Click Add New Mapping.

    Select the Facebook attribute code and a relevant Magento attribute to create the mapping.

    Note: By default, the extension cannot create a mapping for the “Brand” field, make sure to create

    new Magento attribute for the “Brand” Facebook field and create the mapping for it, otherwise it

    will display error while generation feed. We can only proceed to the next step when all the required

    fields are mapped.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/https://developers.facebook.com/docs/marketing-api/catalog-feed-setup#supported-fieldshttps://developers.facebook.com/docs/marketing-api/catalog-feed-setup#supported-fieldshttps://developers.facebook.com/docs/marketing-api/catalog-feed-setup#supported-fieldshttps://developers.facebook.com/docs/marketing-api/catalog-feed-setup#supported-fields

  • Facebook Store Integration for Magento 2 © Meetanshi

    7. Product Feed File Generation & Log To synchronize Magento 2 store products with the Facebook store for the first time, you will not

    wait for the cron to generate the CSV on the scheduled time and thus, you need to generate a

    CSV using the manual method. All the manual and scheduled CSV file generation log is saved in a

    separate grid under Facebook Store Integration > Product Feed CSV Log. You can see the log

    added every time the product CSV gets generated, with the details like started and finished date

    and time, how the CSV generation took place (manually or using schedule), status and other

    details.

    8. Add Shop Tab in Facebook Page The products you integrate using the Facebook store will be shown under the “Shop” tab of

    your Facebook page. To add the “Shop” tab in your Facebook page, log in to your Facebook

    account using the credentials. Make sure you are admin of the page. Go to your page and click

    “Settings”.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Click on “Templates and Tabs”, and scroll to the bottom. Click “Add a Tab” button.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Click on the “Add Tab” button next to the “Shop”.

    Close the popup and go back to your Facebook page. You can now see the “Shop” tab. Click it and a popup will be opened, tick the checkbox to agree to the Seller’s Terms and Policies

    and click Continue.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    After agreeing, you can see another popup to select the checkout method for the Facebook

    store products. Select “Check Out on Another Website” and click “Continue”.

    Next, another popup shows up, asking to choose the shop currency. Select the currency of your

    Magento 2 store, and click “Save”.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    9. Set up the catalog feed in Facebook To setup the catalog feed on Facebook, Go to the Facebook business manager. If you don’t have

    a business manager account, log in to Facebook, go to https://business.facebook.com/, and

    follow the sign-up process. After login, click the Business Manager and from the menu, click

    “Catalogues” under the Assets.

    Here, you should see a catalog with the name of your page. If not, you can always create new using the “Create Catalogue” button.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/https://business.facebook.com/https://www.facebook.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Click the catalog of your page and click “Products and Data Sources” tab. From here, select the

    “Use Data Feed” method to upload the product CSV we generated and add products to the

    Facebook store. Click next.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Select the upload method, enter data feed URL, here the URL of the CSV you created. It gets

    stored at yoursite.com/var/export/FBProductUpload.csv. Also, you can set auto-update

    product feed CSV file schedule, to get your Facebook store inventory updated on a regular basis.

    Lastly, click the “Start Upload” button.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/http://m2d13.meetanshi.com/var/export/FBProductUpload.csv

  • Facebook Store Integration for Magento 2 © Meetanshi

    Immediately after you start uploading the product feed CSV file, you can see the status of

    the upload in a separate window.

    Once the product feed upload is done, you can click to “View Feeds” in the Facebook shop

    tab.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Once the product feed is uploaded and processed completely by Facebook, users can see

    products under the “Shop” tab of your Facebook page.

    Click to see the product details. Click “Checkout on Website” to add a product to the cart and check out directly on the website.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Once the user clicks “Check Out on Website” from the Facebook store product, he will be

    redirected to the website having the product added to cart. He can continue and finish the

    order process hereafter.

    Note: For grouped and bundled products, to select the custom options, users will be redirected to

    the product page instead of the cart page.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    10. Setting Facebook Product Feed Update and Replace Schedule To keep the product feed updated in the Facebook store, you need to setup update and replace

    schedule to keep on updating the product CSV generated in Magento 2 store with the Facebook

    store on a regular basis. Facebook, by default, provides setting up 2 different schedules to keep

    the Facebook store updated with the products.

    Replace Schedule

    Every time the replace schedule is run; it processes all the products again from the product

    feed CSV URL added while scheduling. This might cause the disappearing of images and

    products from the Facebook store for a short while. Thus, it’s recommended to run the

    replace schedule once a week (if you don’t make frequent changes to store products) or

    once a day (if you make frequent changes to store products). To configure the replace

    schedule, go to the Facebook Business Manager > Catalogues > Select Catalogue Name

    of your Page > Products and Data Sources > Select Data Source Name > Settings >

    Replace Schedule.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Update Schedule Every time the update schedule is run; it makes faster changes to selected products in your

    feed. This is the recommended way of sending price and availability updates. Thus, it’s

    recommended to run the update schedule on an hourly basis to keep the minor changes like

    product availability and pricing updated. To configure the update schedule, go to the

    Facebook Business Manager > Catalogues > Select Catalogue Name of your Page >

    Products and Data Sources > Select Data Source Name > Settings > Update Schedule.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    11. Turn on Instagram Shopping As you have the Facebook store live, you are automatically eligible for the Instagram Shopping

    feature. It allows you to tag your products with your Instagram posts, so when someone

    browses your Instagram posts can click the tagged products to get redirected to the website for

    purchase.

    Open the Instagram app and go to settings

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/https://help.instagram.com/191462054687226

  • Facebook Store Integration for Magento 2 © Meetanshi

    Click on Business. This option will only show up here if your account is a business account.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/https://help.instagram.com/502981923235522

  • Facebook Store Integration for Magento 2 © Meetanshi

    Click on shopping. This option will only be available if your account is approved for the Instagram Shopping.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/https://help.instagram.com/1627591223954487?helpref=uf_permalink

  • Facebook Store Integration for Magento 2 © Meetanshi

    Select a product catalogue which in your case, would be the one you created in Facebook.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    After selecting the Facebook catalogue, go to your account, add an image and click “Tag Products”.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Now select products from the catalogue or by searching, to tag with the image.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Once you have tagged a product with the image, it will show like this.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Once you have posted the Instagram image, customers can tap “View Products” to have a

    look at tagged products.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Customers can click to view the product details.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/

  • Facebook Store Integration for Magento 2 © Meetanshi

    Customers can see product details and click on “Visit on Website” to purchase.

    https://meetanshi.com/magento-2-facebook-store-integration.htmlhttps://meetanshi.com/