Squarespace lets you add Napster Agent to every page with Code Injection.
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.
- Code Injection and Code blocks need a paid Squarespace plan that includes custom code. On a free trial you can add the code and see it in Preview, but Squarespace asks you to upgrade before you can publish the site with it.
- Save and publish your changes before testing. Test on the live site.
Add the code to Squarespace
Embeddable Module or Agent Only: every page
Both options stay fixed in the bottom-right corner of the browser window.
- Go to Website → Pages → Custom Code → Code Injection.
- Paste your code into the Footer box.
- Click Save.
Show it on one page only
- Open the page, click Edit, click the section where you want the agent, then click Add Block and search for Code.
- Choose Code (not Markdown).
- Replace the sample text with your code. Make sure Display Source Code is turned off and the mode is HTML, so the code runs instead of showing as text.
- Click Save in the top-left corner of the editor.
The agent still floats in the bottom-right corner of the window. If it appears inside the block instead, use the every-page steps above.
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 Website → Pages → Custom Code → Code Injection.
- Paste the script into the Footer box.
- Click Save, then publish your site.
As with the iframe options, scripts need a paid Squarespace plan that includes custom code before you can publish them.
Test it
- Open your live site in a private window.
- Start a conversation and allow microphone access when asked.
- Check that you can hear a reply.
Troubleshooting
- The code shows as text: turn off Display Source Code in the Code block.
- Nothing appears: save your changes, publish the site, then check it in a private window. The agent can take about 10 seconds to show.
- Squarespace asks you to upgrade: your plan doesn't include custom code. Upgrade your plan, then publish the site.
- Appears but never starts: see Embedding Napster Agent on Your Website (iFrame Best Practices) for microphone permissions and cookie banners.
Need help?
Contact our support team with your page URL, browser details, embed code and a console screenshot.