Add Live Chat to Your Shopify Store

Deploy IMSupporting store-wide on Shopify by adding the snippet to your theme layout file. One placement covers every storefront page including product pages, collections, cart, and checkout.

~5 minutes Free to start Mobile ready Store-wide deploy
Start Free Main Guide

At a Glance — Shopify Install

Where in Shopify Online Store → Themes → Edit code
Apply to The entire storefront
Place code in theme.liquid near closing body
Final step Save and test your live storefront
theme.liquid edit Store-wide coverage No app store needed

Get Your IMSupporting Embed Code

Log in to your IMSupporting dashboard and locate your site's widget code. This is the snippet you'll paste into Shopify.

  • Sign in at IMSupporting or create a free account.
  • Navigate to your site settings and find the embed code or installation guide section.
  • Copy the full script snippet — it includes your unique site identifier.

Open Your Shopify Theme Code Editor

  1. In your Shopify admin, go to Online Store → Themes.
  2. Next to your active theme, click Actions → Edit code.
  3. In the Layout folder on the left, open theme.liquid.
Note: If you use a headless or custom Shopify setup, you may have a different layout file. Add the snippet to the file that renders on all storefront pages.

Paste the IMSupporting Snippet

  1. Inside theme.liquid, find the closing </body> tag near the end of the file.
  2. Paste the IMSupporting script snippet immediately before </body>.
  3. Click Save in the top-right of the code editor.
Tip: Use your browser's find feature (Ctrl+F / Cmd+F) to search for </body> quickly inside the code editor.

Test Your Live Shopify Store

  1. Open your Shopify storefront in a new tab or private window.
  2. Navigate to a product page, collection page, and the homepage.
  3. Wait for the IMSupporting chat launcher to appear.
  4. Send a test message and confirm it arrives in your IMSupporting dashboard.

Troubleshooting & FAQ

The chat widget is not showing on my Shopify store

Check that the snippet is in theme.liquid just before </body>, the file was saved, and your browser is not serving a cached version. Test in a private window.

Should I add the script to every page template separately?

No. Adding it once to theme.liquid covers every page on your storefront because all Shopify pages inherit from the main theme layout.

Will this slow down my Shopify page speed?

The IMSupporting widget is loaded asynchronously so it does not block page rendering. Core Web Vitals impact is minimal.

I use a Shopify app that injects a header — does it conflict?

No. The chat launcher is completely independent of other apps. Placing it near </body> avoids most render-blocking or conflict issues.

Can IMSupporting help with my Shopify setup?

Yes. Use our free integration assistance service and we will validate the placement and test the result on your store.

Ready to Go Live on Shopify?

Once the launcher is live, set up AI responses, configure department routing, and build a workflow so every Shopify visitor gets real-time support.

Start Free Workflow Guide Free Setup Help