How do I integrate Chatref with my music store website?

Log into app.chatref.ai and open the agent you want to embed. Navigate to the Integrate tab and copy the website-widget snippet. Chatref automatically hosts the JavaScript for you. The snippet is a single block of code that you’ll place on every page where you want the chat bubble to appear.

Open your music store’s theme or template files and paste the snippet just before the closing </body> tag. This works on Shopify, WooCommerce, Squarespace, or any custom-built site. Chatref’s widget is origin-allowlisted, so you can restrict it to load only on your store’s domain. Once saved, the chat bubble will appear on your storefront immediately.

Chatref’s custom-actions feature lets you go beyond simple Q&A. Inside the agent’s settings, define actions that collect information from the customer and trigger your own tools. For a music store, you could build actions that:

• Look up an order status when a customer provides an order number
• Search your catalog by artist, genre, or release year
• Email a personalized discount code after a chat

Each action runs inside the same chat thread, keeping the experience seamless.

Use Chatref’s live playground to ask your music store questions exactly as a customer would. Try queries like “I’m looking for limited-edition vinyl” or “Has my pre-order shipped yet.” The agent will only answer from the content you’ve uploaded (product catalogs, policies, FAQs), so it won’t hallucinate or guess. Tweak your training docs and custom actions until the responses feel natural and accurate.