Shopify Installation Guide

Add TGLiveChat to Shopify

Your customers have questions about shipping, sizing, and "is this thing actually in stock?" Let them ask you directly and reply from Telegram.

Your widget script

Copy this from your TGLiveChat dashboard (Widgets page). Your actual widget ID will be pre-filled.

<script src="https://cdn.tglivechat.com/w.js" data-id="YOUR_WIDGET_ID"></script>
1

Method 1: Edit theme.liquid (recommended)

The standard way to add any third-party script to Shopify. Takes about 60 seconds.

1

Go to Online Store > Themes

In your Shopify admin, click Online Store in the left sidebar, then Themes.

2

Click Edit Code

Find your current theme, click the three-dot menu (or "Actions"), then select Edit code.

3

Open theme.liquid

In the left panel under Layout, click theme.liquid. This is the main template that wraps every page in your store.

4

Find the </body> tag

Scroll to the very bottom of the file. Use Ctrl+F (Cmd+F on Mac) and search for </body> to find it fast.

5

Paste the script just before </body>

Add a new line right before </body> and paste your script tag:

...
<script src="https://cdn.tglivechat.com/w.js" data-id="YOUR_WIDGET_ID"></script>
</body>
</html>
6

Save

Click Save in the top right. Visit your store in a new tab. The chat widget should be there.

Why Shopify store owners like TGLiveChat

Pre-purchase questions close sales. Someone's staring at a product page wondering about sizing. If they can ask you and get an answer in 30 seconds, that's a sale you would've lost.

The widget is tiny. ~10KB gzipped. It won't slow down your store. Some chat widgets add 200KB+ of JavaScript. Not this one.

You're already on your phone. Checking Shopify notifications, replying to emails, managing inventory. Why open another app when Telegram's already there?

Troubleshooting

Widget doesn't show up after saving

First, hard-refresh the page (Ctrl+Shift+R). Shopify sometimes caches aggressively. Also double-check that you pasted the script before </body>, not inside a Liquid block.

Widget shows on the storefront but not in the checkout

Shopify's checkout uses a separate template (checkout.liquid) and is only editable on Shopify Plus. The widget will work on all other pages.

Widget overlaps with Shopify Inbox or another chat app

Disable the other chat app first. Go to Settings > Apps and sales channels, find the other chat app, and remove it. Two chat bubbles in the same corner is confusing.

I switched themes and the widget disappeared

Each Shopify theme has its own theme.liquid file. If you switch themes, add the script tag to the new theme's theme.liquid too. It takes 30 seconds the second time.

Something not working?

Contact support