Product and Design

Embed Databoards: Share Live and Interactive Dashboards on Any Web Page or Application

With the Databoard Embed feature, you can share and publish live, interactive dashboards on any web page, blog post, wiki page, web application, or intranet portal.

Avatar Gasper Vidovic on October 19, 2018 (last modified on May 28, 2020) • 3 minute read

Need an easier way to share live dashboards on your website, wiki, or web application?

Now, with the Databoard Embed feature, you can share and publish live dashboards on any web page, blog post, wiki page, web application, or intranet portal.

The coolest part? Embedded Databoards are fully interactive and live, meaning they’ll update live, wherever they’re published, as the data changes.

Databox offers a range of options for securely sharing your reports, including:

  1. copy/paste the public URL with live Databoard access
  2. snapshot image (still screen capture) of a Databoard or
  3. embedding an interactive, live Databoard to a website or web application

Here’s more on how you can embed your Databoards quickly and easily.

How to embed your Databoards

In the Databox web application, click on the “share” icon on the Databoard you would like to share.

Switch to the new “Embed” tab.

Here, you’ll find the code snippet that you’ll need to inject on the specific page, blog post, application, (etc.) you’d like to embed it on.

Copy and paste the generated snippet to the code of the desired website/blog/wiki/etc.
<div style="padding:63% 0 0 0; position:relative;"><iframe src="" style="position:absolute; top:0; left:0; width:100%; height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

For example, to embed it on a WordPress page, switch to the code (HTML) view and paste the code to the desired place. This is similar to how you embed other elements (videos, etc.), so this should be a seamless experience.

Then, your embedded Databoard will look (and function) like this. (Hover over specific data points or visualizations for full effect.)

Notice that the embedded Databoard is fully interactive, meaning that you can mouse overswitch between available date ranges, read the annotations, and switch to full-screen mode.

You can even embed several dashboards in order to display a presentation by using Carousel mode, which works the same way as it does inside the Databox application.

Any change you make on the Databoard itself (layout, colors, data ranges, etc.) will be automatically visible on the embedded Databoard within 10 minutes.

Restrict public accessibility

Since any Databoard that’s embedded on a page or application does not require any special authentication, when you’re collaborating with external people, it is recommended to carefully consider where your data will be shared. The person viewing an embedded Databoard does not need a Databox account.

Of course, you can always remove the included embed code or revoke access when deciding to stop sharing access to a Databoard (the revoke option will generate a new hash code, making the old one instantly inaccessible).

If you want to share private data on a publicly accessible website, you can use two options to restrict access to everyone:

  1. Restrict access to just specific IP address(es) – these Databoards will be accessible only on devices with a matching IP address.
  2. Secure the Databoard with a password – if the Databoard is password protected, the password screen will appear first.

Want to enrich your web content with interactive dashboards?

The Embed Databoard feature is free for all accounts. Existing users who already have access to Databox, just log in to your account here. 

New users can create a new (free) account here.

About the author
Gasper Vidovic is Director of Product at Databox. Also a traveler, lawyer & icon enthusiast.
You may also like...
Read more

New in Databox: Track and Compare LinkedIn Ad Performance by Campaign Groups

Campaign Group metrics for LinkedIn Ads are now available in Databox, giving you more granular insights into the performance of your campaigns.

Product and Design   |  Nov 24

Read more

New in Databox: Build Custom Google Analytics Multi-Channel Funnel Metrics & Understand How Your Marketing Channels Contribute to Conversions & Sales

With 110 Google Analytics Multi-Channel Funnel metrics that are now available in Databox’s Query Builder, you’ll dig deeper and result in more conversions.

Product and Design   |  Nov 5

Read more

Use Annotations to Explain Why Things Are Happening Directly In Your Dashboards

With Annotations in Databox, you can add performance insights directly to your dashboards. This way, everyone knows why things are happening.

Product and Design   |  Oct 9