Webpage Card

The Webpage card allows you to embed your favorite webpage right into Home Assistant. You can also embed files stored in your <config-directory>/www folder and reference them using /local/<file>.

You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.

Windy weather radar as Webpage Windy weather radar as Webpage.

To add the Webpage card to your user interface, click the Lovelace menu (three dots at the top right of the screen) and then Edit Dashboard. Click the “Add Card” button in the bottom right corner and select Webpage from the card picker. All options for this card can be configured via the user interface.

Configuration Variables

type string Required


url string Required

Website URL.

aspect_ratio string (Optional, default: 50%)

Height to width ratio.

title string (Optional)

The card title.


The card can also be configured using YAML, some examples below:

type: iframe
url: https://grafana.localhost/d/000000027/worldping-endpoint-summary?var-probe=All&panelId=2&fullscreen&orgId=3&theme=light
aspect_ratio: 75%