Integration Guide

Add Live Chat to Your Shopify Store

Embed Nowdesk into your Shopify storefront in minutes and start converting browsers into buyers with real-time support.

Built for Integration Guide

🛍️

Cart Recovery

Proactively reach out to shoppers who hesitate at checkout. A timely chat message can recover an abandoned cart that would otherwise be lost.

📦

Order Tracking Support

Let customers ask about their order status directly in chat. Your agents get full context so they can respond without switching tabs.

🌐

Multilingual Storefront

Auto-detect the visitor's language and respond in Simplified Chinese, Traditional Chinese, English, and 40+ other languages out of the box.

🤖

AI Chatbot After Hours

When your team is offline, the Nowdesk AI handles product FAQs, shipping queries, and lead capture so no shopper is left waiting.

⚡

Fast Embed, No App Required

Add two script lines to your theme's theme.liquid file and the chat widget is live — no Shopify app store installation needed.

📊

Conversation Analytics

Track which product pages generate the most support requests, measure resolution times, and identify friction points in your purchase funnel.

How to Integrate Nowdesk with Shopify

1

Create a Nowdesk Account

Sign up and complete the onboarding wizard. Configure your default language, business hours, and assign at least one agent to the Inbox. Then go to Settings → Miscellaneous → Installation URL and copy your installation URL.

2

Open Your Shopify Theme Editor

In your Shopify admin, go to Online Store → Themes. Click the three-dot menu next to your active theme and select Edit code. Open Layout → theme.liquid.

3

Paste the Embed Scripts

Locate the closing </body> tag in theme.liquid and paste the following two lines immediately before it. Replace [YOUR-SITE-URL] with your Nowdesk installation URL.

<!-- Nowdesk Live Chat -->
<script src="[YOUR-SITE-URL]/js/min/jquery.min.js"></script>
<script id="sbinit" src="[YOUR-SITE-URL]/js/main.js"></script>
4

Save and Verify

Click Save in the Shopify code editor. Open your storefront in a new browser tab (incognito recommended) and you should see the Nowdesk chat bubble appear within seconds.

5

Pass Customer Data (Optional)

Use Shopify's Liquid templating to pre-fill the visitor's name and email when they are logged in, so your agents immediately know who they're talking to.

6

Customise the Widget

Return to Nowdesk → Settings to adjust the widget colour, greeting message, operating hours, and AI chatbot responses. All changes reflect on your Shopify store in real time.

Common Questions

Impact is minimal. The scripts are placed before </body> so they don't block above-the-fold rendering. If your Shopify theme already includes jQuery, removing the first script tag further reduces the payload.

Yes. Shopify 2.0 themes still use theme.liquid as the main layout wrapper. The embed scripts placed before </body> will load on every page regardless of which sections or templates are active.

Yes. Wrap the embed scripts in a Liquid conditional, for example {% unless template == 'cart' %}, to exclude specific page templates. You can also control visibility from the Nowdesk dashboard without touching code.

You will need to re-add the scripts to the new theme's theme.liquid file. Keep a note of your embed code so the process takes under a minute.

Yes. Nowdesk auto-detects the visitor's browser language independently of Shopify Markets. You can also hard-code a language per market by appending the ?lang= parameter to the main.js URL.

Ready to Support YourShopify Customers Live?

Start your 7-day free trial and have your first conversation with a shopper today.