How To Embed External Content On A 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.

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!