One snippet, pasted into a Code Block in the footer or a sidebar section — because a live pill is only useful if it's visible before the visitor decides to leave. Squarespace hosts millions of small-business and portfolio sites, and almost none of those sites want another extension just to render a small piece of live data. No extension. Squarespace renders raw HTML and script tags inside a Code Block, so there is nothing to install from the Extensions marketplace.
Every creator wants their site to scream 'I'm live!' the moment they hit Go Live on YouTube. This widget does exactly that — polls the YouTube API quietly, lights up a 'LIVE NOW' pill with viewer count + stream title when the broadcast starts, and disappears the moment you go offline. Zero maintenance, zero signup, works on every CMS.
Code Injection (Settings → Advanced) needs a Business plan or higher. Code Blocks exist on every plan, but JavaScript and iframes inside them only execute on paid plans above Personal. So Personal users see the block but not the widget — move up a plan or use a service that renders a plain image. Everything from Core upward works with a Code Block.
Squarespace renders a grey placeholder for Code Blocks while you're editing and doesn't run injected scripts in the editor at all. Save, then open the live URL in a normal tab — and hard-refresh, because Squarespace caches aggressively at the edge. Most 'it doesn't work' reports are an editor-only check.
Brine-family 7.0 templates load pages via AJAX, so a script placed in the body may not re-run when a visitor clicks through your nav — the widget appears on first load and vanishes afterwards. Fix: Site Styles → uncheck Enable Ajax Loading, or put the snippet in Code Injection Header instead so it runs once for the whole session.
No extension. Squarespace renders raw HTML and script tags inside a Code Block, so there is nothing to install from the Extensions marketplace. Installing an extension for this would mean an extra dependency, an update cycle and a security surface to render one snippet. Paste it into a Code Block in the footer or a sidebar section and you're done.
A Code Block in the footer or a sidebar section — because a live pill is only useful if it's visible before the visitor decides to leave. Edit the page (or the site footer) and click an insert point to Add Block. Choose Code, then paste the snippet into the block editor. Leave the block's display setting on HTML and save the page. Resize the block's column so the widget isn't squeezed, then view the live page.
No. The script tag is async, so it never blocks your page from rendering, and the widget draws itself after your content is already on screen. Squarespace serves your site from its own CDN and the snippet is one async tag, so it loads beside your content. Prefer the Footer field over Header in Code Injection for anything script-based — it keeps the tag out of the critical path on every page at once.
Squarespace 7.1 editor: Add Block → Code. Code Injection: Settings → Advanced → Header or Footer. Page Settings: Advanced → per-page code injection on Business and above. 7.0 templates: same Code Block, plus turn off Ajax loading. Any builder with a raw-HTML or code block will render it, because there's nothing framework-specific in the snippet.