Live Chat on Shopify Store

This guide will walk you through the steps to install the AI Agent Live Chat widget into your Shopify store using a simple JavaScript code snippet.

🔧 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.

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 [email protected] or chat with us via the AI Agent on our website.