Table of Contents

Install Website Chat Widget on Shopify

JQ Lee Updated by JQ Lee

Adding a web chat widget to your Shopify store is a quick and easy process. It does not require any coding skills or technical knowledge.

Shopify Logo

Setting Up for Installation

In order to install a web chat widget on Shopify, you will need the following:

If you don't have a code snippet already, you will generate one when creating a respond.io Website Chat Widget or using the Facebook Chat Plugin for Facebook Messenger.

If you have the channels already connected on the respond.io platform and you need to retrieve the generated code snippet, follow the instructions here.

Installing on Shopify

Step 1: Log in to Shopify

Log in to your Shopify account and click on "Online Store" on the navigation bar.

Shopify account online store page

Step 2: Click on Edit Code

Navigate to the Themes section. Here, click on the Actions dropdown menu and select the Edit Code option.

Shopify account online store themes page

Step 3: Paste the Script

Copy your plugin script from the respond.io platform. On the left panel of the Edit Code Page, click the Sections folder to expand it. Press the footer.liquid section and paste the chat plugin script.

Once you have pasted the script into the appropriate section, press the purple Save button on the top left.

Shopify account online store themes edit code page

Done!

Open the website and check out the chat plugin. You will find it in the bottom-right corner. Now your website visitors can chat effortlessly with you. If you used the code snippets generated from the respond.io platform, you will be able to manage the conversations and update the appearance of the widget from the Platform.

The chat widget is now active on your website.
Note: If you are using an external theme and the widget is not working, please try embedding the website code under the theme.liquid section before </body>

IS THIS ARTICLE HELPFUL?

We'd love to hear from you!

Install Website Chat Widget on WordPress

Install Website Chat Widget on Wix

Can't find what you're looking for?

Talk to an expert here!

Contact Us
Powered by HelpDocs (opens in a new tab)

Powered by HelpDocs (opens in a new tab)