$50 free credit for new accounts - ends in

Claim $50

Setup

How can I add Chatref's website widget to my music store?

Chatref Team2 min read / Updated June 17, 2026

Adding Chatref’s website widget to your music store gives you a chatbot that answers questions right on your product pages, checkout, and support sections. Log in, point your agent at your store’s content, then copy the embed snippet from the Web Widget settings and paste it into your site’s header or footer. No coding required, and your $50 free credit covers you while you get started.

1. Generate Your Widget Snippet

From your Chatref dashboard, navigate to the agent you’ve built for your music store. Open Settings → Web Widget. Enable the widget and copy the HTML snippet. This snippet is what you’ll place on every page where you want the chat bubble to appear.

2. Embed the Widget on Your Music Store Site

Paste the snippet just before the </body> tag in your site’s main template, or directly into the custom header/footer field if you’re on a platform like Shopify. The widget initializes instantly and starts serving answers grounded in your store’s own product details, shipping policies, and returns info.

3. Customize the Chat Widget for Your Brand

In the same Web Widget settings, you can adjust the widget’s primary color, position, and greeting message. All of Chatref’s branding options are included on every account, so you can match your store’s look without extra fees. The widget then feels native to your e-commerce experience, not a bolt-on.

4. Test and Activate

Once the snippet is live, open your store in a browser and click the chat bubble. Ask a sample question (“Do you have a left-handed guitar in stock?”) and confirm the agent responds using your own documents. Check the conversation inbox inside Chatref to see how chats are logged, and adjust the greeting or behavior if needed.

FAQ

What is the best way to embed a chatbot on my music store’s website? The most reliable method is to use an embeddable website widget built on your actual store content. Chatref’s widget loads from a single snippet, so there’s no complex integration, and because it’s trained on your own PDFs, product pages, and policies, it gives accurate answers instead of generic guesses.

How can I integrate customer support seamlessly into my site? Use a widget that lives on your site and draws from your real support materials. With Chatref, you paste one code block and the AI agent handles common pre-purchase and post-purchase questions right inside the chat. A shared inbox lets your team jump in with full context when a human touch is needed, making the transition invisible to customers.

What are the steps to add Chatref’s widget to my e-commerce platform?

  1. Create a free Chatref account (you’ll get $50 credit, no card required).
  2. Upload your store’s documents – product specs, size guides, return policies, anything customers ask about.
  3. Go to Settings → Web Widget in your agent’s dashboard, enable the widget, and copy the snippet.
  4. Paste the snippet into your site’s HTML (just before </body>), or add it via your platform’s custom code area.
  5. Test the chat on your live site and tweak the widget colors to match your brand.

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