On Wix, add Napster Agent through the site-wide Custom Code setting. Both Napster embed options float in the bottom-right corner of the window, so Custom Code is the right choice.
Before you start
- In Napster Spaces, open your Space, go to Preview & Publish, choose Embeddable Module or Agent Only, and click Copy in the Embed Code box. See Install Napster Agent on your website for help choosing.
- To use the JavaScript option instead, choose Overlay agent, pick the button position and theme, and click Copy code.
- Custom code is available on most Wix plans, but Wix may require a Premium plan for it on some sites. If the Custom code page is unavailable, check your plan.
- Always publish your site before testing. The editor preview does not reliably run embedded code.
Add the code to Wix
Embeddable Module or Agent Only: every page
Both options sit in the bottom-right corner of every page. Use Custom Code so they load site-wide:
- In your Wix dashboard, click Settings, search for Custom code and open it.
- Click Add Custom Code.
- Paste your code into Paste the code snippet here.
- In Name, enter a name, for example Napster Agent.
- Under Add Code to Pages, choose All pages.
- Under Place Code in, choose Body - end. The default is Head, so change it.
- Click Apply.
- If your site is not published yet, click Edit Site, then Publish in the editor.
JavaScript (Overlay agent): every page
The Overlay agent is a single <script> tag. In Napster Spaces, choose the button position and theme, click Copy code under Overlay agent, and paste it in the same place as the every-page iframe code above. The agent can lay cards over the page itself, not just in a corner box.
- Go to Settings → Custom Code and click Add Custom Code.
- Paste the script, set it to apply to All pages, and place it in Body – end.
- Click Apply, then publish your site.
Use Custom Code rather than an Embed HTML element. An Embed HTML element keeps the code inside its own box, so the agent can't float over the page.
Test it
- Open your published site in a private window.
- Start a conversation and allow microphone access when asked.
- Check that you can hear a reply.
Troubleshooting
- Nothing appears in the editor: expected. Publish and check the live site.
- The agent stays inside a box instead of floating in the corner: the Embed HTML element keeps code inside its own frame. Use Custom Code instead.
- The agent appears but microphone access doesn't work: use Custom Code and see Embedding Napster Agent on Your Website (iFrame Best Practices).
- Nothing appears on the live site: check that the snippet is switched on, that Place Code in is Body - end, and that your site is published. Rebuilding or regenerating your site from a template can remove saved Custom code, so open the Custom code page and check that your snippet is still listed.
Need help?
Contact our support team with your page URL, browser details, embed code and a console screenshot.