• Topic主题TopicTopic
  • Sign in

Adding Facebook Messenger Live Chat Widget


Real-time communication can be a lifesaver for hesitant customers and those facing decision-making hurdles. It simplifies resolving customer issues related to logistics, product use, and after-sales, ultimately boosting trust and encouraging order conversion. That's where the power of Facebook Messenger live chat comes in. 

In this guide, SHOPLINE walks you through embedding this popular live chat widget directly into your store website, boosting sales and support effortlessly.


In This Article



Guide to Embedding Facebook Chat Widget


Getting the Chat Plugin Code

  1. On the homepage of your Facebook fan page, click the messenger icon to access the Inbox page.
  2. On the Inbox page, click the settings icon.

  3. Select Chat Plugin on the left navigation menu and click Set up on the Set up your Chat Plugin section. 

  4. In the pop-up window, pick Standard as the setup method.

  5. Follow the provided steps to derive the Messenger Chat Plugin Code and finish the setups. Copy and save the code for later.


Configuring the Widget in SHOPLINE

  1. From your SHOPLINE admin panel, go to Apps > Custom Code. Install the app if you haven’t already.

  2. In the Custom code app, click Add code.

  3. On the code creation page, name the code, select triggered pages, choose display devices, and decide the widget insert position.

  4. Paste the Messenger chat plugin code derived from your brand fan page into the Code content field. Then, click Add.

The Messenger live chat widget should be successfully embedded on the designated pages in your online store. Start your live chat anytime and boost your store sales right now!

Note: After completing the configuration, you will need to log in to your Facebook account via the live chat widget on the store to activate the chat.
Have more questions? Submit a request