Embedding
Any widget on your 7di dashboard can be embedded on any website with a single line of HTML. The data updates automatically. No backend, no API keys, no code.
How to get an embed code
- Open your dashboard and hover over the widget you want to embed.
- Click the share icon on the widget.
- Toggle Public embed on.
- Copy the iframe code and paste it into your website.
The embed code
<iframe
src="https://7di.vision/embed/{token}"
width="320"
height="180"
frameborder="0"
style="border-radius:12px;overflow:hidden"
></iframe>Resize the iframe to fit your layout. The widget scales to fill the available space.
Themes
Add a ?theme= parameter to match your website's style:
https://7di.vision/embed/{token}?theme=lightAvailable themes: dark (default), midnight, light, paper, github, winter, latte, slate, ocean, forest, sunset, synthwave, amber, ayu, everforest, onedark, material, rose, red, monokai, dracula, nord, tokyo, catppuccin, gruvbox, solarized.
You can also preview and copy theme-specific embed codes from the Embeds page.
What can be embedded
Every widget type supports embedding. Pick a widget type to see specific embed examples:
- Crypto price
- Wallet balance
- Domain / uptime
- SQL query result
- Custom JS output
- Webhook value
- AI lookup
- Minecraft server status
- News feed
- RSS feed
- Traccar map
- Dune Analytics
- Buttons
Disabling an embed
Toggle Public embed off on the widget. The embed URL will immediately return a 404.