> For the complete documentation index, see [llms.txt](https://docs.klink.cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klink.cloud/getting-started/setup-channels/live-chat/live-chat-on-shopify-store.md).

# Live Chat on Shopify Store

{% embed url="<https://www.loom.com/share/ad05d40e24af4f328f5cf1ca59565919?sid=632e2fa9-948d-42b0-a858-36eee931c768>" %}

### 🔧 Step-by-Step Installation Guide

#### 1. **Access Your Live Chat Integration**

* Log into your klink.cloud dashboard.
* Navigate to `Integrations`.
* Go to **Message Integrations**.
* Select **Live Chat** and click **Edit**.

***

#### 2. **Add Whitelisted Domains**

* In the Live Chat settings, **add your Shopify domain** to the whitelist.
  * Example: `yourstore.myshopify.com`
* This ensures the live chat will appear and work on your store.

***

#### 3. **Copy the Installation Code**

* In the Live Chat integration settings, click on **“Install Code”**.
* Copy the provided **JavaScript snippet**.

***

#### 4. **Log Into Your Shopify Admin Panel**

* Go to Shopify Admin.
* In the left sidebar, click **Online Store > Themes**.
* Find your **current active theme**, and click **“... > Edit Code”**.

***

#### 5. **Edit the `theme.liquid` File**

* In the **Layout** folder, open the file named `theme.liquid`.
* Scroll to the bottom of the file and locate the `</body>` tag.
* Paste the JavaScript **just above the `</body>` tag**.

```liquid
liquidCopyEdit<!-- AI Agent Live Chat -->
<script>
  // Paste the copied Live Chat JavaScript code here
</script>
```

* Click **Save**.

***

#### 6. **Verify Installation**

* Visit your Shopify storefront.
* Your AI Agent Live Chat should now appear and be fully functional.

***

### ✅ Installation Complete!

Your AI Live Chat is now installed on your Shopify store. You can start engaging with your customers in real time!

***

### 💡 Tips

* Always double-check your domain is correctly whitelisted.
* Make sure to clear cache or open in incognito to test the widget.
* If you update your theme, repeat the steps to ensure the code remains active.

***

### 📞 Need Help?

If you face any issues, contact our support team at **<support@klink.cloud>** or chat with us via the AI Agent on our website.