Add IMSupporting to Your Shopify Store

Shopify live chat is usually added as a storefront-wide theme change. Place the IMSupporting widget in your theme layout or custom storefront code area, save, then test on the live store.

If you are installing IMSupporting on Shopify, the usual goal is simple: add the widget once so it loads across your storefront. In most cases that means a theme-level placement rather than editing individual pages or products.

Fast Answer

Where in Shopify Online Store, then Themes, then your theme layout or storefront custom code area
Apply to The entire storefront
Place code in Near the end of the main theme layout, before the closing body tag
Final step Save the theme changes and test on the live store
Theme-level install Storefront-wide coverage Test product and collection pages

1. Get Your IMSupporting Setup Ready

Start in your IMSupporting account and use the correct site identifier for the store. Your account-specific setup and the main installation guide are the safest references.

  • Create or log in to your IMSupporting account.
  • Copy the correct widget details for the Shopify store.
  • Keep the Shopify admin and IMSupporting dashboard open together while you configure the storefront.

2. Open the Storefront Theme Code Area

  1. Open your Shopify admin.
  2. Go to Online Store, then Themes.
  3. Open the active theme's code or storefront customization area.
  4. Find the main layout file or the place where site-wide storefront scripts are added.
Shopify themes differ. The important requirement is a site-wide storefront placement so the widget loads on all public store pages instead of one template only.

3. Add the Chat Widget Store-Wide

Add the IMSupporting widget near the end of the main storefront layout, typically before the closing body tag.

  • Use the live storefront theme rather than a disconnected draft theme unless you are testing deliberately.
  • Avoid adding the widget only to a single product template or landing page template unless that is intentional.
  • Save the theme after pasting the code.

4. Save and Test

  1. Save the theme changes.
  2. Open the public storefront in a new tab or private window.
  3. Check the home page, a product page, and a collection page.
  4. Wait for the chat launcher to appear and send a short test message.
  5. Confirm the message reaches your IMSupporting dashboard.

Troubleshooting and FAQ

The Shopify chat widget is not showing

Check that the snippet was added to a site-wide storefront layout and that you saved the active theme, not only a draft or preview theme.

Where should the code go in Shopify?

Use the main storefront layout or the site-wide script area and place the widget near the end of the body so it loads across the store.

I only see the launcher on one template

That usually means the widget was added to a single template instead of the global storefront layout. Move it to the store-wide theme location.

Can IMSupporting help with Shopify theme placement?

Yes. Use our free integration assistance page if you want help validating the correct theme placement.

Next Steps After Shopify Installation

Once the widget is visible, improve results by configuring store-specific greetings, routing product questions to the right team, and enabling Hybrid AI answers for common pre-sales queries.

Start Free Workflow User Guide Get Integration Help