Installing AI Agent Live Chat on Shopify

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.

Last updated