Guides  ·  Shopify  ·  8 min read

How to Set Up LiveChat on Shopify (Under 10 Minutes)

If you've been putting this off because you assumed it would involve code, a developer, or a frustrating afternoon — stop. Setting up LiveChat on Shopify is genuinely one of the easiest integrations in the Shopify App Store. I've walked first-time users through this on a video call while making coffee and we were done before the cup was ready.

This guide gives you the exact steps, in order, with nothing skipped. By the end of it your live chat widget will be live on your store, your proactive triggers will be configured, and you'll know exactly what to do next.

What you'll need: A Shopify store (any plan), a LiveChat account — start your 14-day free trial here, no credit card required — one browser tab and about 10 minutes.

Step 1: Install the LiveChat App from the Shopify App Store

Time

2 minutes

1. Log into your Shopify admin panel at yourstorename.myshopify.com/admin
2. In the left sidebar, click Apps
3. Click Search for apps at the top of the page
4. Type LiveChat in the search bar
5. Select LiveChat — Live Chat App from the results (it's published by LiveChat, Inc.)
6. Click Add app
7. Shopify will show you a permissions screen — this is standard. LiveChat needs access to read your customer and order data so it can show agent context during conversations. Click Install app to confirm

You'll be automatically redirected to LiveChat's setup page inside your Shopify admin. That's it for the installation itself — the widget is now technically on your store, though we still need to configure it.

Step 2: Connect or Create Your LiveChat Account

Time

2 minutes

After installing the app, you'll land on a LiveChat setup screen inside Shopify. From here:

1. If you already have a LiveChat account, click Sign in and enter your credentials
2. If you're new to LiveChat, click Create a free account and enter your email and a password — this starts your 14-day trial automatically
3. Once logged in, you'll be taken to the LiveChat dashboard

At this point, your chat widget is already connected to your Shopify store. If you open your storefront in a new tab, you'll see the chat icon in the bottom right corner. It works. But don't stop here — the default settings are generic and the real value comes from the next steps.

Step 3: Customise Your Chat Widget

Time

2 minutes

Your chat widget should match your store's branding. Customers notice when it doesn't, and it subtly affects how much they trust the experience. Here's how to customise it:

1. In your LiveChat dashboard, go to Settings in the left sidebar
2. Click Chat widget under the Channels section
3. Under Customization, you can change the widget colour to match your store's primary brand colour, upload your store logo or agent photo to the widget, change the greeting text (replace the generic "How can I help you?" with something that fits your brand voice — for example: "Hi there — have a question before you order? I'm here."), and choose widget position (bottom-right is standard and works best on most Shopify themes)
4. Click Save changes

This takes two minutes and makes a visible difference in how the widget is received. Don't skip it.

Step 4: Set Up Your First Proactive Trigger

Time

3 minutes

This is the step most people skip, and it's the most valuable one. A proactive trigger automatically opens the chat and sends a message based on visitor behaviour — without you having to do anything. This is how live chat goes from passive to active.

Here's how to create your first one:

1. In LiveChat dashboard, go to Settings → Automation → Automated greetings
2. Click New automated greeting
3. Give it a name (e.g., "Checkout page — 90 second trigger")
4. Under Conditions, set: Current page URL → contains → /checkout and Time on page → greater than → 90 seconds
5. Under Message, write something natural: "Still deciding? If you have any questions before you complete your order, I'm happy to help."
6. Click Save

Then create a second one for your most visited product page:

1. Click New automated greeting again
2. Name it "Product page — 45 second trigger"
3. Set conditions: Current page URL contains /products/ and Time on page greater than 45 seconds
4. Message: "Not sure if this is the right fit? I can help you decide quickly."
5. Save

These two triggers alone will generate conversations you would never have had otherwise. You can build more over time, but start here.

Step 5: Connect LiveChat to Your Shopify Customer Data

Time

1 minute

This is what makes LiveChat genuinely powerful for ecommerce rather than just a generic chat widget. When this integration is active, every chat agent can see the customer's order history, cart contents, and contact details inside the chat window — before they type a single word.

1. In LiveChat dashboard, go to Settings → Integrations
2. Find Shopify in the integrations list (it should already show as connected since you installed via the App Store)
3. Click on it and confirm the connection is active — you'll see a green "Connected" status
4. Toggle on Show customer details in chat if it isn't already enabled

Now open a test chat on your store. In the agent view, you'll see a customer information panel on the right side of the screen showing Shopify order and cart data. That context changes every conversation.

Step 6: Set Your Availability Hours and Offline Message

Time

1 minute

Visitors who arrive when you're offline should still have a good experience. An honest, clear offline message is far better than a widget that just sits there silently.

1. Go to Settings → Chat widget → Availability
2. Set your business hours — the days and times when you'll be actively monitoring chat
3. Under Offline message, write something like: "We're not available right now, but leave your name and email and we'll get back to you within a few hours."
4. Save

If you want 24/7 coverage outside your available hours, this is where adding ChatBot makes sense. It integrates natively with LiveChat and handles automated responses, FAQ answers, and lead capture while you're offline — then hands the conversation to you when you're back. It's the setup I recommend to any store owner who can't personally monitor chat around the clock.

Step 7: Test Everything Before You Go Live

Time

2 minutes

Before you call this done, run a full test yourself. Open your Shopify store in a private/incognito browser window and go through the experience as a customer:

1. Does the chat widget appear? Check on both desktop and mobile
2. Does the proactive trigger fire? Go to your checkout page, wait 90 seconds, and see if the automated greeting appears
3. Does the offline message show correctly if you toggle yourself to offline in the dashboard?
4. Does a test chat reach your agent view? Send a message from the customer window and confirm it appears in your LiveChat dashboard
5. Does the Shopify customer data panel show in the agent view?

If all five pass, you're done. Your live chat is live, configured, and connected to your store data.

What to Do in Your First Week

Installation is the starting line, not the finish line. Here's what I recommend doing in the first seven days to make sure you're actually getting value from the setup:

Day 1–2: Answer every chat personally, even the simple ones. The conversations in your first few days will tell you more about what your customers actually want to know than anything else. Take notes.

Day 3–4: Look at your chat transcripts and identify the three questions that came up most often. Build quick replies for these in LiveChat (Settings → Chat → Canned responses). This will speed up every future conversation.

Day 5–7: Check your automated greeting stats. How many times did the triggers fire? How many visitors engaged? If the checkout trigger is firing but nobody is responding to it, rewrite the message — it might be too generic or too pushy.

By the end of the first week you'll have real data on how your customers interact with chat, and you'll know exactly where to focus your attention next.

Frequently Asked Questions