How to embed a Databoard on a webpage

Embedding a Databoard on a webpage allows you to share live, interactive Databoards with your website visitors.

IN THIS ARTICLE

How to embed a Databoard on a webpage

1
 Navigate to the Databoards page
2
 Hover over the Databoard whose embed code you want to access. Click on the  Share Databoard icon
Pro Tip: If you want to embed a Carousel of Databoards, click the Share Databoards icon for the first Databoard in the Carousel.
3
 Click Embed at the top of the Share Databoard window
4
 In the Size section, select Responsive or Fixed formatting for your embedded Databoard(s)
5
 Click the green Copy Code button to copy the embed code to your clipboard
6
 Paste this code to the HTML view of your desired website, blog, wiki, etc.

What Databoard settings are retained for an embedded Databoard?

When a Databoard is embedded on a webpage, the following Databoard settings are retained:

  • Tooltips, switching between Date Ranges, and Looping Databoards in Carousel Mode will all work identically to the functionality of the Streaming URL.
  • If the Databoard is password protected, the password screen will appear before the embedded Databoard is accessible.
  • IP-protected Databoards will work only for the specified IP addresses. 
  • Databoards with branding removed will not have Databox branding on the embedded Databoard(s).

  • Additional Information

  • An embedded Databoard with Responsive selected will adjust the width of the iFrame to your page's width. The height will be determined by keeping a consistent width-to-height ratio.

    If you'd like a custom size, such as portrait mode, you will have to either need to select Fixed as the Size or programmatically adjust the iFrame size on your own page when the device's size changes. Outside of the iFrame, we are unable to control the page layout. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us