Pricing
Go to app
User Name
Upgrade Help Center

Shopify: Install LiveChat in your store

Wojciech Guminski
7 min read
updated: Sep 26, 2023

Shopify is an e-commerce platform for online stores and retail point-of-sale systems. It handles everything from marketing and payments, to secure checkout and shipping. See all the benefits you get when you install live chat on your Shopify store:

  • Provide instant support to your customers.
  • Get a real-time view of customer’s cart in chat.
  • View your customer’s orders right in the chat.
  • Send Product Cards straight from the LiveChat Agent app.
  • Increase the conversion rate of your online store with proactive chat greetings.
  • Integrate with email and Facebook and use LiveChat as a main customer support channel.

Add LiveChat to your Shopify storeLink icon

Please use a browser such as Google Chrome, Mozilla Firefox, Microsoft Edge, etc. when you install. There is a known issue in Safari at the moment, we are working on a fix.
Please use a browser such as Google Chrome, Mozilla Firefox, Microsoft Edge, etc. when you install. There is a known issue in Safari at the moment, we are working on a fix.

Follow these steps to install LiveChat on your Shopify store:

  1. Log in to your Shopify and go to LiveChat app page in the Shopify App store
  2. Select Add app.

LiveChat app in Shopify

  1. Confirm by selecting Install app.

Install LiveChat app in Shopify store

  1. If you don’t have a LiveChat account: Enter your email and select Sign up.

    If you have a LiveChat account: Select Log in at the bottom of the page and enter your credentials to log in.

Connect LiveChat account to Shopify app

  1. Finally, in the LiveChat Agent App, switch the toggle to on.

Switch on the LiveChat Chat Widget in your store.

That’s it! From now on you can talk to your customers in real-time!

If you have multiple stores in Shopify, you can add LiveChat to each of them and manage all of them from LiveChat (no need to create separate subscriptions for each one of your stores). Just install our plugin for every store you would like to integrate with and log in with your LiveChat login and password (multiple stores can be connected to the same LiveChat account).
If you have multiple stores in Shopify, you can add LiveChat to each of them and manage all of them from LiveChat (no need to create separate subscriptions for each one of your stores). Just install our plugin for every store you would like to integrate with and log in with your LiveChat login and password (multiple stores can be connected to the same LiveChat account).

Enter LiveChat app from Shopify and manage your subscriptionLink icon

You can access your LiveChat app right from the Shopify admin panel. Once there, you can manage your subscription and access key elements of your LiveChat account, like Chat Widget customization or reports.

1
Select LiveChat with HelpDesk to enter the app.
2
Select Subscription with the Shopify logo.
3
Select your plan, subscription cycle, number of agents, and confirm with the subscribe now button.
4
Select Continue in Shopify.
5
Add your credit card number and select Approve to complete the subscription setup.

Customer InsightLink icon

Find everything you need in one place – improve your communication and close more sales thanks to data from the Customer Insight. No need to switch between the Agent App and the Shopify Admin Panel.

After installation, your Customer Insight widget is available in the right sidebar of the Chats view. In it, you can:

  • view your customers’ carts in real time,
  • view customer profiles and shopping histories (for customers logged in to your shop),
  • send product cards directly in chat,
  • and view orders and refunds.

View your customer’s cart, order history, and moreLink icon

You can monitor your customer’s cart in real time, check which items need fulfillment, suggest similar and complementary products, and even check the orders they placed in your store before. If your customer logs in to your store, all this information is visible in the Customer Insight widget. But even if they aren’t logged in, you can still search orders by order number in the widget. In fact, if the customer mentions their order number in chat, the order details will be automatically pushed to the chat details.

Customer’s cart

For more awesome features and a walk-through of the Customer Insight app, see this article.

Please note that some of the features are only available in our Business or Enterprise plans.
Please note that some of the features are only available in our Business or Enterprise plans.

Send product cardsLink icon

Customer Insight lets you recommend products to customers without leaving the LiveChat app. After installation, the product list from your Shopify store is imported along with out of stock statuses and price labels, allowing you to pick up to 10 items and send them to your customer in chat. You can filter out your products and sort them in two view modes, list and grid.

Each product card consists of an image, a description, and a button that is linked to a product page in your Shopify store.

Product Cards

Track sales from LiveChatLink icon

The Sales Tracker can show you which chats, agents and products have the biggest impact on your revenue. Add the Sales Tracker to your Shopify store and watch the revenue flow after chats with agents!

What is a Sales Tracker? It’s a piece of code that tracks which chats end with sales. You add it to a page that passes a sale property, for example, your shopping cart or thank-you page.

Whenever a customer who has chatted with you or one of your agents reaches that page, the Sales Tracker will pick up on it and attribute that chat with the sale’s value. This way, you know which chats led to purchases.
What is a Sales Tracker? It’s a piece of code that tracks which chats end with sales. You add it to a page that passes a sale property, for example, your shopping cart or thank-you page.

Whenever a customer who has chatted with you or one of your agents reaches that page, the Sales Tracker will pick up on it and attribute that chat with the sale’s value. This way, you know which chats led to purchases.
For the Sales Tracker to work, you need to install Customer Insight for Shopify from the Shopify App Store.
For the Sales Tracker to work, you need to install Customer Insight for Shopify from the Shopify App Store.

InstallationLink icon

1
To set it up, go to Settings>E-commerce>Sales Tracker.
2
Next, name your Sales Tracker. Pick a name you’ll be able to easily recognize later on in your Archives and Reports.
3
Check Values from sales may vary (dynamic).
4
Enter value parameter: order_sum and chose your sales currency.
5
Tick Add order number to the chat details and insert Order ID parameter: order_id.
6
Decide how long you wish to track conversion. If you leave 30 days of sales tracking, LiveChat will track any sales within 30 days from your conversation.
7
Click Generate sales tracker code.
8
In the next step, click Copy to clipboard.
9
Now, open your text editor and paste the Sales Tracker code over there. You will need to add two lines of code to the Sales Tracker code to make it work with Shopify.
10
Copy the two lines below:

var order_id = {{order.order_number}};
var order_sum = {{order.total_price | money_without_currency }};
11
Paste the two lines into your Sales Tracker code right after the opening script tag.
12
This is how the code should now look:
13
Now, log in to your Shopify account and go to Settings>Checkout.
14
Go to Order processing>Additional scripts section.
15
Paste the previously created code in the Additional Scripts field and click “Save”.

Done! You have just installed Sales Tracker in your Shopify store. Start tracking the conversion of your LiveChat chats.

To monitor the tracked sales go to Reports>Ecommerce>Tracked sales in the LiveChat Agent app. Now, you can observe how much you sell using real-time live chat conversations on your website and optimize your customer support to sell even better with Customer Insight for Shopify.

By design, LiveChat code is added to every page in your Shopify store, including the Thank you page, where the sales are tracked.

Shopify does not allow to add code to the Checkout page.

Shopify Plus users can manually edit the code on the Checkout page and add LiveChat code there as well.
By design, LiveChat code is added to every page in your Shopify store, including the Thank you page, where the sales are tracked.

Shopify does not allow to add code to the Checkout page.

Shopify Plus users can manually edit the code on the Checkout page and add LiveChat code there as well.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

RELATED ARTICLES

ekmPowershop: LiveChat in your store

Convert your website visitors into customers with EKM and LiveChat integrations. Read on to learn how to implement live chat on your site.

Read the article

X-Cart: chat with online shoppers

A short tutorial on installing LiveChat on your X-Cart store. Start chatting with visitors and convert them into customers within minutes.

Read the article

Start using LiveChat now!

Free 14-day trial Team plan features No credit card required

Still not convinced? Discover all LiveChat features

Discover text| products: