Help centre

How to install the live chat widget on Shopify

Create a widget under Channels, Live chat, then open Install and Diagnostics and copy the embed code. Paste it before the closing body tag of your Shopify theme. Separately, connect your store under Integrations, Shopify so the agent can look up orders.

Published by Sellinger AI. Numbers and settings checked on 19 October 2026 against the fact register. Report an error.

Before you start

  • Sellinger does not ship a Shopify app or theme extension for the widget. The install is a code snippet in the theme.
  • Know where your theme code is: in Shopify, the theme editor has an option to edit the code.

Steps

  1. 1

    Step 1

    Create the widget

    Open Channels, then Live chat, and click New Widget. Fill in Widget Name, Position, Button Size, Theme, colours, Greeting Message and a Persona.

  2. 2

    Step 2

    Open the install tab

    In the widget drawer choose Install & Diagnostics. The Embed Code section shows the snippet.

  3. 3

    Step 3

    Copy it

    Click Copy. The instruction reads: paste this snippet before the closing body tag of your website.

  4. 4

    Step 4

    Paste it into Shopify

    In Shopify, open the online store theme, choose to edit the code and open the main theme layout file. Paste the snippet just before the closing body tag, then save.

  5. 5

    Step 5

    Connect the store

    Open Integrations, then Shopify, and click to connect. Enter your store name or the yourstore.myshopify.com address and approve access.

  6. 6

    Step 6

    Test it

    Open your store in a private window and start a chat. Ask a product question and an order question.

What happens next

The widget appears on every page that uses the layout file. After the store is connected, agents get order tools such as order lookup and search.

Good to know

  • The agent answers in the visitor's language automatically. There is no language setting on the widget.
  • Order tools that change an order, such as creating a draft order or cancelling an order, are among the tools the connection gives the agent. Keep approval on if you do not want those used freely.
  • The Product catalog tab can use the same Shopify connection as a source.
  • To change the first line the widget shows, edit Greeting Message. See the live chat opening message template.

Common questions

Will it slow my store?
The widget loads as a script from the snippet. Check the effect with your own speed tool, as it depends on your theme.
Can I have more than one widget?
Yes. Each widget has its own settings and embed code.
Does it work outside Shopify?
Yes. The same snippet works on any site where you can edit the page code.

Sources and method

Written from the Sellinger app as of 19 October 2026.

Related: Live chat, Template: live chat opening message, Integrations, All help articles.

From the blog

See it on your own accounts

Start with a 30 day free trial, no card. Nothing is sent without your approval unless you turn that on.

Unit4ShellyRocket.ChatGetAcceptPeopleForce

Teams that have used Sellinger

Start free trial