Building on the Napster API? Start here instead.
Â
How can I add/integrate Napster Agent to my website?
| Option | Description |
|---|---|
| Agent only | A compact agent in the corner of every page. Conversation only (iframe) |
| Agent with cards | A corner agent that shows product, video, contact or booking cards above it when relevant (iframe) |
| Overlay agent | A floating agent that can lay cards over the page itself, not just in a corner box (JavaScript) |
| Inline block | A full agent experience inside one section of a page, exactly where you paste it (iframe) |
| Standalone URL | Your agent on its own shareable page. No code needed. |
Choose your option in the Preview & Publish step of your agent (it shows as Preview & Update once published), under Put your agent live. You can also click the â‹® menu on your agent and choose Copy Embed Code. Agent only, Agent with cards and Inline block embed with an iframe. The Overlay agent embeds with a JavaScript tag. Code installed before October 2026 (Agent Only, Embeddable Module) keeps working. For step-by-step instructions for Shopify, WordPress, Wix, Squarespace, Webflow, and custom HTML sites, see Install Napster Agent on Your Website: Choose Your Platform.
Â
Building on the Napster API? Start here instead.
Â
What commerce platforms does Napster Agent integrate with?
Napster Agents supports two commerce backends:
- Shopify — connects automatically via Shopify Storefront MCP. No setup required. See How Napster Agent connects to your Shopify store for full details.
- WooCommerce — connects via your store API to search your product catalog, present products as cards, manage a shopping cart, and hand off to your native WooCommerce checkout.
Â
For iFrame positioning, permissions, microphone access, and cookie consent setup, see Embedding Napster Agent on Your Website (iFrame Best Practices).