Three steps, about a minute
Credits, analytics, or both — in any colour
The same live widget, three ways. Pick one in your studio; the colour follows your site.
The whole install
Your studio gives you this line with your own widget id filled in. Paste it where the widget should appear.
<script src="https://platform.muso.ai/embed/widget.js" data-widget="mw_…your widget id…" async></script>
Building with React or another framework? Load the script once and use the element anywhere: <muso-widget widget="mw_…"></muso-widget>. Optional data-type (both, credits, analytics), data-theme (auto, light, dark), data-bg / data-accent (any hex colour), data-corners (rounded, square) and data-size (full, compact) override the look you picked.
Where to paste it
| WordPress | Edit the page → add a Custom HTML block → paste the line → Update. |
|---|---|
| Squarespace | Edit the page → Add block → Code → paste the line (leave Display Source off) → Save. |
| Wix | Add → Embed Code → Embed HTML → Code → paste the line → Update. Size the box to fit the card. |
| Webflow | Drag an Embed element onto the page → paste the line → Save & Close → Publish. |
| Shopify | Online Store → Customize → Add section → Custom Liquid → paste the line → Save. |
| Plain HTML | Paste the line where the widget should appear, anywhere inside <body>. |
Site with a Content-Security-Policy? Allow:
script-src 'self' https://platform.muso.ai; connect-src 'self' https://platform.muso.ai; img-src 'self' https://platform.muso.ai https:; style-src 'self' 'unsafe-inline'; font-src 'self' https://platform.muso.ai;
Already have one of these directives? Add the Muso sources to it and keep your existing ones — a second copy of a directive is ignored.
Questions
Put your credits on your site
Developers who want full control can build on the same data with the API and publishable keys.
