Add Chatbots to Shopify Stores

Discover how to seamlessly integrate a chatbot widget into your Shopify store's website.

Step 1: Whitelist Your Shop's Domain

To integrate the chatbot into your Shopify store, begin by whitelisting your shop's main domain. This step ensures that the chatbot is allowed to appear on your live site. Set the chatbot's visibility to public. You may also choose to blacklist specific URL paths where you don't want the chatbot to appear. Whitelist your shop's domain

Step 2: Access the Code Editor

Go to the Shopify Admin panel, select Themes from the Online Store tab, and click on the Edit code option. See the illustration below for guidance: Access Shopify's Code Editor

Step 3: Embed the Chatbot Script

In the code editor, open the theme.liquid file and embed the provided script within the <head> tag. The image below shows exactly where to place the script. To preview the chatbot on your site, click the Preview store button located in the top right corner of the editor. Embed the chatbot script

Frequently Asked Questions

How do I add a Chat Data chatbot to a Shopify store?

The Shopify guide uses three steps: allowlist your shop domain inside Chat Data, open your Shopify theme code editor, and paste the chatbot script into the `theme.liquid` file inside the `<head>` tag.

Why do I need to allowlist my Shopify domain first?

You should whitelist your shop's main domain so the chatbot is permitted to appear on the live site. It also says to set chatbot visibility to `public`, and it notes that you can blacklist specific URL paths where you do not want the chatbot to appear.

Where do I find the code editor in Shopify?

You open it from the Shopify admin by going to `Online Store`, selecting `Themes`, and then choosing `Edit code`. That takes you to the theme files where the chatbot script can be installed.

Where should I paste the chatbot script in a Shopify theme?

The guide says to open the `theme.liquid` file and place the provided chatbot script inside the `<head>` tag. After that, you can use Shopify's `Preview store` button in the editor to verify the chatbot appears on the storefront.