SHOPLINE Live | Integrating Facebook Live

2.EN_Support_Social-Commerce.png

With SHOPLINE Live, you can create personalized livestreams that can be synced with Facebook Live posts, greatly increasing audience interaction and enhancing product exposure.  

This article will cover how to connect one or more Facebook Pages to a SHOPLINE Live, as well as how to set up keyword ordering and other livestream selling features.  

 

1. How to connect a Facebook Page

A. Connect main Facebook Page

*Note: If your Facebook Page has been connected in SHOPLINE Admin, you are required to disconnect and then reconnect the page before they can create a Facebook-linked livestream. 

Before you begin, make sure you are an admin for the Facebook Page you want to connect to. 

Step 1. In SHOPLINE Admin, go to [Channel Integration] > [Facebook]. Click the Connect button in the "Connect with Facebook" section. If you have sub-pages as well as the main page, make sure you are on the "Main Page" tab. 

live1.png

 

Step 2. Please click Edit Settings to confirm this is the Page of your choice. 
*Note: Do not choose "continue as (your name)". 

live2.png

 

Step 3. Select the Page you want to use, then click Next

live3.png

 

Step 4. Switch all of the permission toggles to "YES", then click Done

live4.png

 

Step 5. Click Connect next to the Facebook Page you want to connect to, then click OK

*Note: Once the page is connected, other functions such as Facebook Order Notification will also be accessed from the selected page. Furthermore, if you change the passwords of the account you originally used to connect with SHOPLINE, this could cause a disconnection to the page. Please return to "Channel Integration" to reconnect.
Live13.png

 

B. Connect multiple Facebook Pages

Step 1. In the SHOPLINE Admin, go to [Channel Integration] > [Facebook]. Click the Connect button on the "Sub Page" tab of the "Connect with Facebook" section.  

live_5.png

 

Step 2. Please click Edit Settings to confirm this is the Page of your choice. 

*Note: Do not choose "continue as (your name)". 

live_6.png

 

Step 3. Select the Facebook Page you want to use, as well as all other Facebook Pages you have previously connected with (if you wish to continue using them). 

*Note: You will not be able to continue using a previously connected Facebook Page if it is not selected at this point.  

live_7.png

 

Step 4. Make sure all of the permission toggle switches are set to "YES", then click Done

live_8.png

 

Step 5. Once you are done, click the Connect button next to the Facebook Page you want to use, then click OK

live_9.png

live_10.png

*Note: To connect to an additional Facebook Page, repeat the steps outlined above. You can connect up to a maximum of 10 Facebook Pages (1 Main Page + 9 sub-pages). 

 

2. Setting up a livestream 

Step 1. Create a livestream 

In the SHOPLINE Admin, go to [Social Commerce] > [SHOPLINE Live] and click on the Create live stream button.

Screen Shot 2023-08-15 at 10.42.15 AM.png

 

In the following window, select "Facebook Page," then click Next.

Screen Shot 2023-08-15 at 10.44.43 AM.png

 

Step 2. Livestream settings 

Basic settings: 

  • Stream name (Required): The name entered here will be visible to live stream viewers. 
  • Streamer (Optional): This field is optional, and the information entered will not be visible to viewers. 
  • Introduce what this stream is about ... (Optional): This provides a more detailed introduction to viewers of what your stream is about. 

Screen Shot 2023-08-15 at 10.45.07 AM.png

Advanced settings: 

  • Inventory settings:
    • Lock Inventory: You can set a time limit for inventory that will be held products in a customer's cart. 
      Screen Shot 2023-08-15 at 10.45.37 AM.png

  • Keyword setting:
    • Order rules: Select what keyword format(s) viewers can use to trigger orders.
      *Note: "product number + specifications" rule is currently only available for Vietnam and Thai stores. The "Product Number + Specification" order placement rules will be terminated soon, replaced by the "Prefix + Suffix" method to create keywords. For more information, please refer to this article.
      Screen_Shot_2021-10-05_at_4.17.42_PM.png

      The logic of detecting the keyword:
      Screen_Shot_2021-10-05_at_5.24.46_PM.png

      *Note: The number after the keyword will be recognized as a quantity instead of a keyword. For example, product keywords are "A1" and "X2"

      • Customer's comment: A1X2X2
      • Customer's shopping cart: Two items A1 and one item X2. 
  •  
  • Messenger settings: You can select whether or not to send a direct message via Facebook Messenger to customers that have successfully placed an order.
    Screen Shot 2023-08-15 at 10.50.16 AM.png

Step 3. Add products

After you have created a live stream, click on Add live products and open the dropdown menu:

  • Create product: Add a new product.
  • Select products: Select product(s) from the list of the store's products. 
Tip: You can use the shortcut key to open the window to add product(s) 
in the live stream.
- Mac:fn+f4
- Windows:f4

EN14.png

 

A. Add product

You can customize the Product Image, Name, Keywords, Price, Quantity, and Product SKU. Once you have completed editing, click Continue to add the products to the livestream successfully. 

  • Click create new line to add new products. 
  • Add Quick Import to add multiple products. 

Screen_Shot_2022-06-20_at_9.55.08_AM.png

 

Supports adding multiple variant products into the livestream

Besides Product Image, Product Name, Keywords, Price, Quantity, and Product SKU, you can also customize product variants by clicking Add variant to open the setup window. 

*Note: You can add variants in the "Product Keywords" tab, yet quick import is currently not supported. To learn more about creating product keywords, please refer to this article

Screen_Shot_2022-06-20_at_10.00.43_AM.png

The system presets two variations: color and size; you can also customize the variation name.

Screen_Shot_2022-06-20_at_10.03.21_AM.png

Click Add product variation to add more variations. The system currently supports adding a maximum of two variations. Click the trash icon on the right to remove a variation. 

Screen_Shot_2022-06-20_at_10.05.21_AM.png

*Notes: 

  • If the price of each product variant is the same, after entering the price of any variant, click "Bulk Sync Price" to automatically sync all the prices.
    bsp.gif
  • If one of the product variants has a set quantity, the other variants will also need to be set with a quantity. Please leave the quantity field blank for all product variants to set the quantity as unlimited. Screen_Shot_2022-06-20_at_10.12.44_AM.png

 

Supports editing header

Click the Edit header on the right of the "Create product" pop-up window to select whether to display the "Image", "Product SKU" and "Variant" fields. 

Screen_Shot_2022-06-20_at_9.42.15_AM.png

Uncheck to stop displaying a field. 

Screen_Shot_2022-06-20_at_9.46.26_AM.png

 

B. Select product

Check the products you want to add to the livestream. You can add a maximum of 500 main products to each livestream (If a product has multiple variations, it will still be counted as one product).

You can preset keywords for products in the Admin, and apply the keywords in the subsequent live streams. For details, please refer to Product Keyword.

*Notes:

  • Hidden products can also be added to the livestream.
  • Products will be listed from top to bottom in order of the latest-earliest added. 

Screen_Shot_2022-06-20_at_9.39.39_AM.png

 

Step 4. Set up product keywords

Once you have selected your products, you can edit the keywords with the methods below: 

  1. Add keywords for products individually
  2. Use "Quick apply" to quickly generate and apply the keywords. For more information, please refer to the following FAQ.

Once you have completed the edit, click Save to add products to the livestream.

Screenshot 2023-08-15 at 1.33.19 AM.png

 

The added products will appear on the left page.

Click the ___2022-07-08___12.13.29.png icon of individual products to edit the keyword, product information, or remove the product.

Screenshot 2023-08-15 at 1.18.03 AM.png

 

You can also select "Product Name" or "Keyword" in the drop-down menu above the product list to search for products added to the live stream.

Screen Shot 2023-08-15 at 11.39.47 AM.png

 

Click the More Actions button on top of the product list to perform the following actions: 

  • Bulk edit: Bulk edit product keywords
  • Sort: Select livestream product's sorting method
  • Expand/Collapse: Expand or collapse all product variations
  • Exports Products List

Screenshot 2023-08-15 at 1.14.58 AM.png

"Bulk edit" feature

Select "Bulk edit" and select the products you want to edit. You can bulk-edit product keywords and exclusive prices all at once.

Screen Shot 2023-08-15 at 11.43.12 AM.png

 

You can complete the livestream-related setup and other settings by clicking on the bottom left "Setting" icon. Please refer to this article for more information.

Screen Shot 2023-04-27 at 8.05.35 PM.png

 

3. How to connect to a Facebook Live

A. Connecting to a single Facebook Page 

Step 1. Open your Facebook Page and create a new livestream by clicking the Live video button. You can broadcast a Facebook-linked live stream using a compatible desktop or mobile device.

1.png

 

Step 2. Select Go live

2.png

 

Step 3. Choose "Webcam" as your video source, and add livestream video details. Once you are done setting up, click Go live.

1.png

*Note: Make sure under "Settings" that the "End live video if the stream stops" and "Embed live video" toggle switches are turned on.  

fbtoggleswitches.png

Once the livestream begins, the time will start running on the bottom left corner, and you will be able to see the livestream in the bottom right corner.  Screen_Shot_2022-01-17_at_5.41.31_PM.png

 

Step 4. Return to the livestream backstage and click on Connect to Facebook Live.

connecttofblive.pngOn the Facebook livestream you have just created, click Connect

*Note: Only Facebook Live posts that are scheduled or in progress will appear in SHOPLINE Live. Support is not currently provided for linking Facebook Live posts that have been created but have not yet begun. 

connectofb2.png

Click on Connect to sync to your Facebook Live post. 

During the livestream, you can use the SHOPLINE Live platform to sync the following actions with a Facebook Live post:

  • Add/remove products
  • Promotion tool (speaker icon) (Posts a comment on a Facebook Live post promoting a product) 
  • Reply to post comments (These will appear on Facebook Live post)

doitlive.png

Once the livestream is over, click the exit icon or return to the Facebook page to end the livestream. 

Screen_Shot_2022-01-17_at_6.15.05_PM.png

 

B. Crosspost to several Facebook Pages 

Step 1. Once you have set up your video source and livestream details (refer to steps 1-3), click Crosspost to More Pages or [Distribution] > [Share to Page's groups]. 

555.png

 

Step 2. Choose the pages on which you would like to post the livestream, and click continue to complete the crosspost setup. 

77.png

88.png

 

Step 3. Start the livestream. 

99.png

 

Step 4. Return to SHOPLINE Live to click Connect to Facebook Live and click Connect in the pop-up window. 

*Note: The "Crosspost" tag will appear. 

1010.png

You can then view your Facebook Live through SHOPLINE Live. 

*Note: The following situation will cause failure in synchronizing comments left on the crosspost page to the store Admin, and failure in creating orders using keywords:

  • Crossposting to the other pages after you connect to Facebook Live in SHOPLINE Live.
  • The settings of the connecting Facebook Page are edited after you have connected to a Facebook Live post in SHOPLINE Live.

Screen_Shot_2022-01-17_at_6.58.44_PM.png

 

SHOPLINE now supports crossposting to more pages after livestream begins

If you have started the Facebook livestream, once you have connected your Facebook Live, you can choose to crosspost to more pages through SHOPLINE Live. In this case, regardless of which page a customer is commenting from, the system will be able to apply keyword ordering features to the comments. 

If you want to view the "Connect Time" between the Original Post and Cross Post, click the Facebook logo on the top corner. 

*Note: This button will only appear when the livestream is in "Live" or "Finished" mode. 

Screen_Shot_2022-01-17_at_6.59.01_PM.png


4. Livestream features overview

A. Backstage interface & live stream tools

___2020-04-21_125215.png Promotional broadcast (speaker icon): 

This is used to help highlight and promote a particular product during a livestream. The name, variants, keywords and order example for a product will appear in the comment section

Live20.png*Note: Products cannot be promoted in the following circumstances:

  • The product has been unpublished
  • The product or product variant is out of stock

 

B. Viewer interface & ordering tools

Viewers can place an order directly by commenting on a Facebook Live post during the livestream. 

C1.png

How customers place orders

Viewers can place an order directly by commenting on a Facebook Live post during the livestream. 

If you use the promotional message tool (speaker icon), customers will see the keywords of the products and order information, e.g. A1, B2, Red, etc. After a promotional message is sent out, the customers will receive a message via Facebook Messenger with a link to the checkout page of your online store. 

Each time when a customer comments a keyword+number (x), the system will automatically add "x" (quantity) of the designated product into the customer's cart.

For example, if a customer comments A1+2, the system will add two A1 into the cart.

Customers can add more products to their carts by commenting again or changing the quantity in their shopping cart

*Notes:

  • The message in Facebook Messenger is only a preview of the order. Customers still have to complete the checkout process on your store's website.
  • The picture in the link sent to a customer will show the product's original price. However, the price will change to the discounted price (if you did set a discounted price for the product) when the customer follows the link to your store's website.   

screnshots.png

screenshotsso2.jpg

When customers click on the "Checkout" button in Facebook Messenger, they will be redirected to the checkout page on your shop's website. 

Live22.png

*Note: After a livestream ends, customers can still rewatch the stream and continue placing orders using keyword comments for the next 180 days. 

 

*Notes:

  • If you enable the "Account is required for checkout" option, customers who wish to log in using LINE will need to manually enter their account and password when selecting LINE as the login option within the Facebook in-app browser. To avoid errors when opening the livestream shopping cart link, please refrain from choosing "Log-in with LINE app."
    IMG_6990.jpg

  • If you do not enable the "Account is required for checkout" option, customers who wish to log in with LINE for checkout can copy the shopping cart link and open it using their default browser. This will allow them to utilize the "Log-in with LINE app" option for account verification.
    IMG_6990 copy.jpg

 

Read more

 

 

 

 

 

Have more questions? Submit a request

Comments