Magento 2 Facebook Shop Integration - PowerPoint PPT Presentation

About This Presentation

Title:

Magento 2 Facebook Shop Integration

Description:

Magento 2 Facebook Store Integration by Meetanshi integrates Magento 2 shop 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 shop owners, Meetanshi has developed Magento 2 Facebook Shop Integration extension. – PowerPoint PPT presentation

Number of Views:8

Slides: 34

Provided by: meetanshiinc

Category:

Tags: magento_magento2_magento2extension

more less

Transcript and Presenter's Notes

Title: Magento 2 Facebook Shop Integration

1
Facebook Shop Integration for Magento 2 User
Guide

Table of Content
Extension Installation Guide
Configuration
Set Google Product Category
Bulk Update Facebook Product Status
Bulk Update Facebook Store Attributes
Facebook Attribute Mapping
Product Feed CSV File Generation Log
Add Shop Tab in Facebook Page
Add a Sample Product in Facebook Manually
Set Up the Catalog Feed in Facebook
Facebook Product Feed Update and Replace Schedule
Facebook Shop Live
Turn on Instagram Shopping

Facebook Shop Integration for Magento 2
Meetanshi
2

Extension Installation
For Magento Marketplace Customers
Create a folder structure in Magento root as
app/code/Meetanshi/FaceBookShop
Download and extract the zip folder and upload
our extension files to the app/code/Meetanshi/Fac
eBookShop via FTP.
Login to your SSH and run below commands step by
step
php bin/magento setupupgrade
For Magento version 2.0.x to 2.1.x - php
bin/magento setupstatic-contentdeploy
For Magento version 2.2.x above - php
bin/magento setupstatic-contentdeploy f
php bin/magento cacheflush
For Meetanshi Customers
Extract the zip folder and upload our extension
to the root of your Magento 2 directory via FTP.
Login to your SSH and run below commands step by
step
php bin/magento setupupgrade
For Magento version 2.0.x to 2.1.x - php
bin/magento setupstatic-contentdeploy
For Magento version 2.2.x above - php
bin/magento setupstatic-contentdeploy f
php bin/magento cacheflush
Configuration

Facebook Shop Integration for Magento 2
Meetanshi
3

Add Product URL It redirects from Facebook store
to product page if set to Yes else it
redirects to checkout cart URL.
Product Price with Tax/VAT Select Yes to
display product price with Tax/VAT in Facebook
store.
Add Product Special Price Select Yes to
display product price with special prices in
Facebook store.

Facebook Shop Integration for Magento 2
Meetanshi
4

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

Facebook Shop Integration for Magento 2
Meetanshi
5

For Magento Products
Go to Catalog gt Products, select the products you
want to show in Facebook store, find the tab
Facebook Shop Integration.
Facebook Shop Product Enable the product to show
in the Facebook store.
Product Condition Select one of the product
conditions to show in the Facebook store. The
extension fills New by default.
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 gtgt 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.
Facebook Shop Integration for Magento 2
Meetanshi
6
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 gt 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.
Note Updating Facebook product status using mass
action is not performed immediately but adds the
action in queue. The execution of the queue is
purely dependent on your cron job set up and
number of product updates to reflect the change
in Facebook catalog.
Facebook Shop Integration for Magento 2
Meetanshi
7
5. Bulk Update Facebook Store Attributes You can
bulk update Facebook store attributes. Go to
Catalog gt 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.
Facebook Shop Integration for Magento 2
Meetanshi
8
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 dont
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-setupsupported-fields).
Therefore, if the extension cant fill some of
the required fields itself, it cant 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 gt
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.

Facebook Shop Integration for Magento 2
Meetanshi
9
7. Product Feed CSV 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 gt
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. The most importantly, download the CSV
file from Action column of a grid to use it
later in Facebook catalogue manager.
Facebook Shop Integration for Magento 2
Meetanshi
10
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.

Click on the Templates and Tabs under Page
settings and enable the Shop tab.

Facebook Shop Integration for Magento 2
Meetanshi
11

Now go to your Facebook page and click on Shop
option from More tab to add the Shop tab in
the menu.

The popup will be opened, tick the checkbox to
agree to the Sellers Terms and Policies and
click Continue.

Facebook Shop Integration for Magento 2
Meetanshi
12

After agreeing, you can see another popup to
select the checkout method for the Facebook
store products. Select Check Out on Another
Website in our case and click Continue.

Next, another popup shows up, asking to choose
the shop currency. Select the currency in which
you want to show the Facebook store products, and
click Save.

Facebook Shop Integration for Magento 2
Meetanshi
13
9. Add a Sample Product in Facebook Manually Add
a manual product from Add Product button of the
Shop tab for the Manage your Catalogue button
to appear.
Facebook Shop Integration for Magento 2
Meetanshi
14

Enter Details required for sample product and
click on Add Product button.

Facebook Shop Integration for Magento 2
Meetanshi
15

Set Up the Catalog Feed in Facebook
After adding the sample product, the Manage your
Catalogue button now appears. Click on it to
import bulk products using the CSV you downloaded
from the Product Feed CSV log.

The Catalogue Manager section will display by
clicking Manage your Catalogue button. Select
Data sources from the Catalogue tab and click
on Add products button to insert bulk products.

Facebook Shop Integration for Magento 2
Meetanshi
16

Add items to your catalogue section will
appear. Select Use bulk upload option in our
case to upload bulk products and click on the
Next button.

Select File upload from Choose upload option
and click Next button.

Facebook Shop Integration for Magento 2
Meetanshi
17

Click on Upload File button and upload the CSV
file that youve downloaded earlier from
extensions Product Feed CSV Log grid.

After successfully uploading the CSV file, Click
on the Next button.

Facebook Shop Integration for Magento 2
Meetanshi
18

Under Complete Settings, name your data source
to find it later and choose the Default
currency for your product prices and click on
Upload button after configuring every steps.

After uploading product CSV successfully, you can
see tab with three options Overview, Items and
Settings.
You can see overview of the products under
Overview tab.

Note Updating product CSV will not perform the
update immediately in the Facebook catalog. The
execution of the products in Facebook catalog
depends upon the number of products.
Facebook Shop Integration for Magento 2
Meetanshi
19

You can see products added through CSV under
Items tab of Data sources option.

Facebook Shop Integration for Magento 2
Meetanshi
20

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,
its recommended to run the replace schedule
once a week (if you dont make frequent changes
to store products) or once a day (if you make
frequent changes to store products).

Facebook Shop Integration for Magento 2
Meetanshi
21

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, its
recommended to run the update schedule on an
hourly basis to keep the minor changes like
product availability and pricing updated.

In the Data sources option of Catalogue
Manager, you can see all the data feeds which
have been uploaded, scheduled, replaced or
updated.

Facebook Shop Integration for Magento 2
Meetanshi
22

When your data sources are updated on timely
basis based on the schedule, an undesirable
error may occur that can be analyzed using the
View report button.

At the time of CSV updation, a newly updated data
source gets generated whereas, an old data
source is also there having the same products,
and therefore, it denies modifying and generates
an error. Just remove the old data source and
continue the process.
Facebook Shop Live
Now go to Facebook page, you can see products
under the Shop tab.

Facebook Shop Integration for Magento 2
Meetanshi
23

Users can click on the product from the Facebook
shop to see the product details. Click Check
out on Website to add a product to the cart and
check out directly on the website or move to the
product page as per the configuration set under
Add Product URL setting.

Once the user clicks Check Out on Website from
the Facebook store product, he will be
redirected to the website. He can continue and
finish the order process hereafter.

Facebook Shop Integration for Magento 2
Meetanshi
24

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

Facebook Shop Integration for Magento 2
Meetanshi
25