$50 free credit for new accounts - ends in

Claim $50

Integration

How can I integrate Chatref with my e-commerce platform?

Chatref Team3 min read / Updated June 17, 2026

Integrate Chatref with your e-commerce platform by embedding a single website widget snippet and training an AI agent on your product docs, FAQs, and store policies. The agent answers customer questions from your own content, while custom actions collect order details and trigger your tools — all without replacing your existing theme or checkout. No monthly plans, $50 free credit to start.

Add the Chatref widget to your store

Platform integration begins with the Chatref website widget. Copy the embed snippet from your Chatref dashboard and paste it into your store's theme file — just before the closing </body> tag works for Shopify, WooCommerce, BigCommerce, and most sports-equipment sites. The widget appears as a chat bubble on every page, giving shoppers help right where they browse. Because the widget is origin-allowlisted, it runs on your domain without interfering with your theme or checkout flow.

Train your AI agent on your product knowledge

Upload your product descriptions, size guides, return policies, shipping FAQs, and even sitemap URLs to Chatref. The AI agent retrieves answers from those documents — never from the open web — so it handles "What's the return window on ski helmets?" or "Does this bike rack fit a 2-inch hitch?" accurately. A grounded agent means fewer tickets and faster e-commerce support.

Set up custom actions for order and account tasks

Custom actions let the agent collect information and trigger your tools right in the chat. For a sports-equipment store, you might configure an action that asks "Do you have an order number?" and then pulls tracking status from your backend. Another action could capture email preferences for restock alerts. The agent resolves the issue without forcing a customer off the page, and all details land in your Chatref conversation inbox for review.

Handle conversations and handoffs

When a shopper needs a human, your team takes over in the shared inbox with full chat context — no starting over. The AI agent deflected the routine questions, so your support staff focuses on high-touch orders and complex gear advice. Integrate this into your existing e-commerce support workflow, and you scale helper capacity without adding headcount.

FAQ

How to integrate Chatref with Shopify?
Copy the widget embed snippet from your Chatref dashboard, then paste it into your Shopify theme's theme.liquid file just before the </body> tag. The widget appears on every page automatically. Train your agent on product pages and policy docs using either direct URLs or uploaded files. Custom actions can capture order numbers, while the agent resolves questions from your content — all without a native app install.

E-commerce platform support integration
Chatref works with any platform that allows custom HTML snippets, including Shopify, WooCommerce, BigCommerce, Magento, and Squarespace. The same widget snippet and document-training process apply across platforms. Because the agent is grounded in your own store's content, it provides consistent, accurate answers whether a customer is asking about snowboard compatibility or backpack sizing.

Chatref and WooCommerce
For WooCommerce stores, add the widget snippet to your theme's footer.php file or via a simple code snippet plugin. Upload your product data sheets, size charts, and store policies directly from your WordPress admin. The AI agent will answer pre-purchase questions from that content while custom actions collect lead data or trigger order-status checks, keeping your e-commerce support efficient and grounded.

Put this into practice

Chatref answers your customers from your own content, day and night. Add it to your site and go live in minutes – free to start.

Get started