Every widget can be added to any website (WordPress, Wix, Squarespace, Weebly, plain HTML) by copying and pasting a short embed code.
Get the embed code
- In the control panel, open Get Widgets.
- If you have more than one stream, choose the stream at the top of the page.
- Click the widget you want. A window opens with a live preview on the right and the options on the left.
- Adjust the width, height, light or dark theme and accent colour. The preview updates as you change them.
- Choose an embed method (see below) and click Copy.
- Paste the code into your website where you want the widget to appear.
Which embed method should I use?
| Method | Best for |
|---|---|
| iFrame | Works almost everywhere and is the safest choice. Use it for Wix, Squarespace, WordPress (Custom HTML block) and site builders that only allow "embed" blocks. |
| JavaScript | Sites where you can add script tags. The widget loads into a <div> and blends into your page. |
An iFrame embed looks like this:
<iframe src="https://v10.shoutcastwidgets.com/widgets/now-playing?stream=YOURSTREAMID"
width="360" height="130" frameborder="0" scrolling="no"
allowtransparency="true" allow="autoplay"></iframe>
Platform tips
- WordPress: add a Custom HTML block and paste the code. Don't use the Paragraph block, because it shows the code as text.
- Wix: Add ? Embed Code ? Embed HTML, paste, then resize the box to match the widget size.
- Squarespace: add a Code block and paste.
- OBS / streaming overlays: add a Browser Source and use the URL from inside the
src="..."of the iFrame code.
Tip: widgets update automatically and pick up changes you make in the panel, such as colours, logo and DJs. You don't need to replace the embed code after changing settings.
