How to Add TidySupport to Shopify

Add a live chat widget to your Shopify store to support customers before and after purchase.

Image: TidySupport chat widget on a Shopify store

Open the theme code editor

In your Shopify admin, go to Online Store → Themes → Edit Code.

Image: Accessing the theme code editor in Shopify

Edit theme.liquid

In the Layout folder on the left sidebar, open theme.liquid. Find the closing </body> tag and paste the TidySupport script just before it.

HTML

<script src="https://cdn.tidysupport.com/widget.js" data-workspace-id="YOUR_WORKSPACE_ID" async></script>

Replace YOUR_WORKSPACE_ID with your workspace ID from Settings → Widget in your TidySupport dashboard.

Image: Adding the script in theme.liquid

Save and verify

Click Save. Visit your store and you should see the chat bubble in the bottom-right corner.

Optional — Pass customer info when logged in

Add this Liquid snippet before the widget script to automatically identify logged-in customers. Your agents will see their name and email instead of "Guest".

HTML

{% if customer %}
<script>
  window.TidySupportConfig = {
    userId: "{{ customer.id }}",
    email: "{{ customer.email }}",
    name: "{{ customer.name }}"
  };
</script>
{% endif %}

How to identify users with the Events API