Skip to main content

How to Embed External Content on a Stack Dashboard

You can easily enhance your Stack dashboard by embedding webpages and media from other sites. This guide will walk you through the steps to add various types of external content to your dashboard.

What is Embedding?​

Embedding allows you to display data from external platforms directly on your Stack dashboard. If a platform supports embedding, you can showcase elements such as web pages, Google Data Studio reports, Google Docs, slideshows, calendars, Loom videos, YouTube videos, social media posts, and more. However, some platforms may restrict embedding their content.

How to Embed Content on a Dashboard​

Step 1: Open the Dashboard in Edit Mode​

  • Navigate to your Stack dashboard.
  • Click the pencil icon to enter edit mode.

Step 2: Open the Add Widget Panel​

  • Click the blue + Add Widget button to open the Add Widget panel. This panel allows you to add various elements, including embed, title, image, and text box.

Step 3: Open the Elements Tab​

  • Click on the Elements tab.

Step 4: Click the Embed Button​

  • Select the Embed button to add an embed element to your dashboard.

Step 5: Configure the Embed Element​

  • Enter a title for your embed element.
  • Choose the type of embed:
    • URL: Enter a fully qualified URL. For example:
      https://www.instagram.com/p/C04TE0DsEkW/embed/
    • IFRAME: Enter a full iframe snippet. For example:
      <iframe src="https://www.openstreetmap.org/export/embed.html?..."></iframe>
  • Optionally, use advanced settings to hide or show the element's title.

Step 6: Save Changes​

  • Click the blue Save button to save the embed element to your dashboard.

Types of Embeddable Content​

YouTube​

To embed a YouTube video:

  • Add an Embed element.
  • Use the video's ID number (found after /watch?v= in the URL) and append it to https://www.youtube.com/embed/.
  • For example, if your YouTube URL is https://www.youtube.com/watch?v=bFTIQDCvIrc, your embed URL will be https://www.youtube.com/embed/bFTIQDCvIrc.

TikTok Videos​

To embed a TikTok video:

  • Add an Embed element.
  • Use the video's ID number (found after /video/ in the URL) and append it to https://www.tiktok.com/embed/.

Instagram Posts​

To embed an Instagram post:

  • Obtain the shareable link for your Instagram post. It will look like this:
    https://www.instagram.com/p/C04TE0DsEkW/?utm_source=ig_web_copy_link
  • Replace ?utm_source=ig_web_copy_link with /embed/ to get:
    https://www.instagram.com/p/C04TE0DsEkW/embed/
  • Use this final URL in your embed element configuration.

Enhance your Stack dashboard by embedding content that matters to you and your team. Enjoy a more dynamic and informative dashboard experience!