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>

How embedding works

<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>

Embed a dashboard

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.

Help Center Images.gif

Embed a block

To embed a block, open the dashboard editor, find the block you want to embed, click on it, and then hit the Sharebutton. Next, copy the code from the Embed section and paste it into the HTML code of your webpage.

Help Center Images (1).gif

FAQs

Related articles

Creating my first dahsboard

Custom share link