Full Overview (Applicable Platform: Shopify)

This guide will help you quickly integrate 3Chat AI customer service into your e-commerce website, allowing customers to initiate inquiries through the chat window, thereby improving conversion rates and customer satisfaction.

If you are not yet a 3Chat user, please visit 3Chat to create an account, and you will receive a 7-day free trial benefit. If during the trial period you become passionately interested in our features, subscribing to the Growth plan will provide you with the best functional experience.

Preparations Before Installation

Before you begin, please ensure: ✅ You are logged into Shopify and have an operating store website

Steps to Follow

1. Obtain the installation code for the instant chat window

• Log in to the 3Chat backend, then click on 【Channels】→ 【Instant Chat】→ 【Custom Website Installation】 in the left navigation bar

• Click Copy Code Snippet

2.Access the Shopify code editor and import the 3Chat code

• Enter the Shopify backend

• Click on 【Online Store】, select 【Themes】

• Click the 【Action Icon】 on the left side of the current theme

• Click 【Edit Code】

• In the left file list, find theme.liquid (located under Layout directory).

• Paste the code before the </body> tag.

• Click 【Save】; it will take effect.

3.Verify the chat plugin is effective

If effective, the 3Chat chat icon will appear in the lower right corner of your website. Please click the icon to test if the interaction is successful. If you can send and receive messages smoothly, it is considered successful.

Frequently Asked Questions

Question 1: Chat window disappears after changing the theme?

Reason: Theme update overwrites the code

Solutions:

1. Use the “Theme Backup” feature (Path: Theme → Action → Copy)

2. Re-inject the code into the new theme

Question 2: Button not displayed on the checkout page?

Check if the code is injected into the “Global Layout” (not a specific template)

Temporarily test by disabling “Checkout Protection” plugins (such as Growave/Segment)

Further Support

If you need assistance, you can contact:

📧 3Chat Customer Support: contact@3Chatai.com

📞 Shopify Technical Support: Enter Help Center within Shopify to contact Shopify customer service

In Conclusion

✅ Congratulations! You have successfully integrated 3Chat smart customer service into Shopify!

Now, your customers can interact directly with 3Chat through your Shopify website, enhancing customer service efficiency!