Embedding a dashboard or block on your website allows you to seamlessly integrate visualizations into your web pages. This feature is perfect for those who want to display live data directly on their site, ensuring that visitors always see the most up-to-date information.
<aside> <img src="/icons/globe_blue.svg" alt="/icons/globe_blue.svg" width="40px" />
Currently, the available embed option is full-page.
</aside>
<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" />
To embed a dashboard or block, it must be published.
</aside>
<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" />
Any changes you make to your dashboard or block, whether it's updating the data or modifying the design, will automatically update the embed. This way, you don’t need to worry about updating the embed code for your resource if you make any of these changes.
However, only for dashboards, if you add a custom domain or customize the share link, you will need to update the embed code for your resource.
</aside>
When you access the edit panel of the dashboard you want to share, click on the Share
button located in the upper right corner. Next, copy the code from the Embed section and paste it into the HTML code of your webpage.
To embed a block, open the dashboard editor, find the block you want to embed, click on it, and then hit the Share
button. Next, copy the code from the Embed section and paste it into the HTML code of your webpage.