How to install the Facebook Chat Plugin to Shopify?

How to install the Facebook Chat Plugin to Shopify?

1. Head to Shopify Admin Panel.
2. Head to Sales Channels. Under Online Store, click Themes to open the Themes page.
3. Below the Current Theme section, click Customize.
4. You will see a preview of the shop. Click on Theme actions.
5. In the pop-up menu, click Edit code.
6. You will be presented with a number of ".liquid" files. Find the main theme file, usually named theme.liquid, which usually starts with <!doctype html>.
7. Scroll through the code on the right hand side and find the lines of code starting with <body>. For example, the code might start with <body class="template-{{ request.page_type | handle }}">.
8. Paste the Facebook chat plugin settings code into the line below the <body> code.
9. Click Save at the top to complete the operation. 
10. Customers can now send messages to you via your website and all messages will appear in the inbox on your business public home page.

Please refer to here on How to Set up the Chat Plugin from your Facebook Page.

    • Related Articles

    • How to connect Shopify store to Stella?

      Our Standard Procedure Documentation will show you a step-by-step guideline on connecting Shopify store to Stella. It will also highlight tips you should pay attention to during your chatbot-building journey. For more details, please click here.

    • How to set up Zendesk Live Chat Tree?

      Our Standard Procedure Documentation will show you a step-by-step guideline on building your Zendesk Live Chat Tree on Stella. It will also highlight tips that you should pay attention to during your chatbot-building journey. For more details, ...

    • How to set up Slack Live Chat Tree?

      Our Standard Procedure Documentation will show you a step-by-step guideline on building your Slack Live Chat Tree on Stella. It will also highlight tips that you should pay attention to during your chatbot building journey. For more details, ...

    • Can we change the UI (User Interface) of Messenger plugin?

      No, you cannot change the UI or the icon for the Messenger plugin. Please refer to the Facebook Documentation on the customization you could make for the Messenger plugin (i.e. change the color theme).

    • How do I setup an always-there keyword for users to connect live chat agent?

      You can set up a global node, which has a higher priority than the other nodes. (Stella adapts an inverse scale to determine the priority: as the value increases, the priority becomes lower. In other words, any nodes with a value of -1 will have a ...