Shopify

In this guide, we’ll go through how to manually add Quickchat AI Widget script directly to your Shopify store.

Have you connected your AI to Shopify data already?

To connect your AI Agent to your Shopify store’s data such as product catalog and cart, please do the following:

1. Paste your store link on this page: quickchat.ai/shopify
2. Claim it, customize, and embed on your site

Add the Quickchat AI Agent to Shopify

Open the theme code editor

1. Go to your Shopify Admin Panel.
2. In the left menu, click Online Store → Themes.

3. In the “Current theme” section, click the three dots (⋯) next to the Customize button.
4. Select Edit code from the dropdown.

Find theme.liquid

1. In the code editor, expand the layout folder on the left.
2. Click on theme.liquid to open the main layout file of your theme.

Paste the script

1. In the Quickchat App, navigate to Your Website → Install.
2. Copy the generated script.
3. Paste it just above the </body> tag at the bottom of the theme.liquid file.

<script>
  window.__quickchat = {
    host: "app.quickchat.ai",
    init: "YOUR_AI_ID_HERE",
  };
</script>