Getting Started with the SellMate Chat Widget in Under 5 Minutes
A step-by-step tutorial on embedding the AI shopping assistant onto your Shopify, WooCommerce, or custom website.
Setting up an AI shopping assistant shouldn’t require hiring a team of software engineers. We designed SellMate to be lightweight, isolated, and plug-and-play.
Whether your store is hosted on Shopify, WooCommerce, or built from scratch with custom HTML/React, you can get up and running with a single script tag.
Step 1: Create Your Store & Copy Your API Key
- Log in to your SellMate Dashboard.
- Navigate to Store Settings and name your storefront.
- Click on the Embed tab to copy your unique API key and snippet.
Step 2: Paste the Script Before the Closing Body Tag
Open your website layout template (theme.liquid in Shopify, footer.php in WooCommerce, or index.html in static sites) and paste the following:
<script>
window.SellMateConfig = {
apiKey: "your-unique-api-key",
position: "bottom-right",
primaryColor: "#E54B33",
welcomeMessage: "Hi there! How can I help you find the right product today?"
};
</script>
<script src="https://yourdomain.com/widget.min.js" async></script>
Step 3: Connect Your Product Feed
The true power of SellMate is its ability to search your products and answer stock queries. Head over to Products & Sync inside your dashboard and paste your product feed JSON URL.
That’s it! Your store is now powered by an intelligent, bilingual AI shopping assistant. For more advanced configurations, explore our Documentation & API Reference.