NXONDECK — DJ Embed Widget Builder

⚙️ Configure Widget

Changes update the preview live

DJ Info

DJ Name

DJ Slug (profile URL handle)

Monogram / Initials (2–3 letters)

Set Title

Genre

BPM

Widget Size

Mini

Player

Card

Full

Theme

Dark

Light

Neon

Minimal

Accent Color

Features

Live Chat

Show chat feed + input

Listener Count

Show live listener number

Autoplay

Start playing on load

Preview State

Show as Live

Toggle online/offline preview

Live Preview

Dark

Light

Gradient

Website

320 × 360px

📋 Embed Code

Copy and paste into your website

iframe

JS Widget

React

Params

iFrame Embed

<iframe src="https://nxondeck.com/embed/dj-solaris?theme=dark&accent=cyan&size=mini" width="380" height="72" frameborder="0" scrolling="no" allowtransparency="true" allow="autoplay" style="border-radius:8px;max-width:100%" ></iframe>

Direct Widget URL

https://nxondeck.com/embed/dj-solaris?theme=dark&accent=cyan&size=mini

JavaScript Widget (auto-responsive)

<div id="nxondeck-widget" data-dj="dj-solaris" data-theme="dark" data-accent="cyan" data-size="mini"></div> <script src="https://nxondeck.com/embed.js"></script>

React Component

// Install: npm install @nxondeck/embed-react import { NXONDECKWidget } from '@nxondeck/embed-react' export default function MyPage() { return ( <NXONDECKWidget dj="dj-solaris" theme="dark" accent="cyan" size="mini" chat={true} listeners={true} /> ) }

URL Parameters
Parameter Reference
djDJ slug (from profile URL)default: required
themedark | light | neon | minimaldefault: dark
accentcyan | pink | purple | orange | greendefault: cyan
sizemini | player | card | fulldefault: card
chattrue | false — show chat feeddefault: true
listenerstrue | false — show listener countdefault: true
autoplaytrue | false — start playing on loaddefault: false
Example URLs

        /embed/dj-solaris?size=mini&theme=dark&accent=pink
      

        /embed/mx-bass?size=player&theme=neon&accent=green&chat=false
      

        /embed/la-reina?size=full&theme=dark&accent=orange&autoplay=true
      
Integrations
🖥WordPress / Squarespace / Wix
Paste the iFrame embed code in any HTML block or custom code section. Works on all page builders.
⚛️React / Next.js
Install @nxondeck/embed-react and use the NXONDECKWidget component.
📧Email Newsletters
Most email clients block iframes. Use a static "Listen Live" button linking to your NXONDECK profile instead.
📱Linktree / Beacons / Bio links
Add your embed URL as a direct link in your bio link page. Some platforms support iFrame embeds natively.