Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.

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.

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

Last updated