Embed a web page or your own HTML inside a card.
On this page
Embeds a web page, or your own HTML, inside a card. The escape hatch for anything HDashboards does not have a card for.
This card is marked Experimental in the app. Browser behaviour differs between Android, iOS, web and desktop, and some sites actively refuse to be embedded.
Settings
| Setting | What it does |
|---|---|
| Source | URL to load a page, or HTML to supply your own markup |
| URL | The page address, when using a URL source |
| HTML code | Your own HTML, when using an HTML source |
| Title | The card's heading |
Using a URL
Point it at a page and it loads in the card.
Many sites will not work, and it is not something HDashboards can fix: sites can send headers that forbid being embedded in a frame, and browsers honour that. Google, most banks and many news sites do exactly this.
What tends to work well:
- Pages on your own network — a NAS status page, a Grafana dashboard, a router page.
- Services that explicitly support embedding.
- Simple, static pages.
Using HTML
Supply your own markup and the card renders it. Useful for:
- A layout no card offers — a custom table or list.
- A block of static reference text, styled how you want.
- A small piece of interactivity.
Keep it self-contained. External stylesheets and scripts may or may not load depending on the platform, so inline what you can.
Performance
A webview is a whole browser inside a card. It is heavier than any other card except Video. One is fine; several on a wall panel will be felt.
Tips
- Try the URL in a browser first. If it will not embed in a normal browser frame, it will not embed here.
- Prefer a real card. If a proper card exists for what you want — a Gauge, an Insight graph, a Flow token — it will be faster, better looking and more reliable than a webview. Reach for this card when nothing else fits.
- Local pages are the sweet spot. Embedding something already running on your own network is where this card is genuinely excellent.