How do I set up Chatref for my Shopify store?

To set up Chatref for Shopify platforms, grab the widget snippet from your Chatref dashboard. In your Shopify admin, go to Online Store > Themes, click Edit code, open theme.liquid, and paste the snippet just before </body>. Save the file, and the support chat appears on every page. The widget is origin-allowlisted for your domain, so it loads securely with a single copy-paste. No app store dependencies, no developer setup – just a few clicks to add support chat to Shopify.

Chatref for Shopify platforms gives you full control over the widget's appearance. Under agent settings, set the primary color to match your store palette, pick a custom launcher icon, and write a welcome message in your brand voice. You can also adjust the widget position and button text. All branding controls are included on every account – no add-on fees, no paywalls. Whether you run a minimalist boutique or a bold streetwear brand, the chat feels native to your store from day one.

Chatref learns your business from the documents you provide. Upload your return policy PDF, drop your FAQ page URL, or add a sitemap of your Shopify store – the agent trains in minutes. It answers shipping questions, sizing queries, product availability, and more, all grounded in your own content, not internet guesses. Test responses in the playground, then go live. The onboarding flow is built to get your support chat resolving customer questions fast, without slowing down your team.

How to embed Chatref on Shopify site

From your Chatref agent dashboard, copy the widget embed code. In Shopify, navigate to Online Store > Themes > Edit code, open theme.liquid, and paste the snippet right before the closing </body> tag. Save and preview – the chat widget appears across your store. For a page-specific install, add the code inside a custom HTML section or a custom liquid block. No app store install is required.

Customizing Chatref for Shopify brand

Inside your Chatref agent settings, update the primary color to your hex code, set an agent avatar (logo or icon), and edit the welcome message to match your tone. You can also reposition the launcher (bottom-right or bottom-left) and change its trigger label. These customization options are included on every account, with no extra cost. The result is a chat widget that looks and sounds like your Shopify store, not a third-party tool.

Onboarding steps for Shopify support chat

1. Sign up at app.chatref.ai – you get $50 free credit, no credit card required.
2. Create an agent and upload your store's support content: PDFs (policies, product guides), a URL to your FAQ page, or your Shopify sitemap.
3. Customize the widget – set brand colors, welcome text, and launcher style.
4. Embed the widget on your Shopify theme using the snippet from your dashboard.
5. Test the agent in the playground, then verify on your live site.
6. Monitor conversations in the shared inbox and refine your training content as needed. You pay only per response; there are no monthly plans or hidden fees.