Install Supportson on Shopify
Add to your Shopify store via theme editor
Install Supportson on your Shopify store by adding a single script tag to your theme. The widget appears on every page of your store including product pages, cart, and checkout.
Your widget embed code
Replace YOUR_AGENT_ID with your actual Agent ID from the Supportson dashboard.
<script src="https://supportson.com/widget.js" data-agent="YOUR_AGENT_ID" defer></script>Step-by-Step Installation
Copy your widget script
Log in to your Supportson dashboard, go to Settings, and copy your widget embed code.
<script src="https://supportson.com/widget.js" data-agent="YOUR_AGENT_ID" defer></script>Open the Shopify Theme Editor
In your Shopify admin, go to Online Store > Themes. Click the three dots on your current theme and select "Edit code".
Edit theme.liquid
In the left sidebar under Layout, click on theme.liquid. Scroll to the bottom of the file and paste your Supportson script just before the closing </body> tag.
<!-- Supportson Widget -->
<script src="https://supportson.com/widget.js" data-agent="YOUR_AGENT_ID" defer></script>
</body>Save
Click "Save" in the top-right corner. The widget is now live on your entire Shopify store.
Verify the installation
Visit your Shopify store. You should see the chat bubble in the bottom-right corner. Test it on a product page to make sure it works across your store.
Verify Your Installation
- Open your website in a browser (use an incognito window to avoid caching issues).
- Look for the Supportson chat bubble in the bottom-right corner of the page.
- Click the bubble to open the chat widget and send a test message.
- Check your Supportson dashboard — the conversation should appear in real time.
Not seeing the widget? Make sure you replaced YOUR_AGENT_ID with your actual Agent ID, and that the script tag is placed before the closing </body> tag.
What You Get With Shopify
Add Supportson to Shopify today
Set up in 2 minutes. No credit card required.