# How To Embed External Content On A Dashboard

> Learn how to embed external content on a GHL Customer Care dashboard using an embed widget. Add reports, docs, videos, calendars, or webpages quickly for your team.

- Source: https://docs.ghlcustomercare.com/docs/dashboards/dashboard-widgets/how-to-embed-external-content-on-a-dashboard
- Section: Dashboards / Dashboard Widgets
- Reading time: 2 min
- Images: 5, each explained below
- Modified on Sat, 10 Jan at 11:17 AM

---
### 

You can embed webpages and media from other sites into your dashboard.

---

**TABLE OF CONTENTS**

-   [What Is Embedding?](#what-is-embedding)
-   [Embed Content On A Dashboard](#embed-content-on-a-dashboard)
-   [Types Of Embeddable Content](#types-of-embeddable-content)
-   [Related Articles](#related-articles)

---

### More Tutorials from the Community

[https://www.youtube.com/watch?v=JTdNRFCVldI](https://www.youtube.com/watch?v=JTdNRFCVldI)

[https://www.youtube.com/watch?v=Bs0sutIRkyU](https://www.youtube.com/watch?v=Bs0sutIRkyU)

**[](https://youtu.be/gHmX0NzYd0o)**[](https://youtu.be/gHmX0NzYd0o)[https://youtu.be/gHmX0NzYd0o](https://youtu.be/gHmX0NzYd0o)[](https://youtu.be/gHmX0NzYd0o)**[](https://youtu.be/gHmX0NzYd0o)**

---

# **What Is Embedding?**

When you want to display data from outside your subaccount on your dashboard, that is embedding. If a different platform supports embedded content, you can display various elements like web pages, Google Data Studio reports, Google Docs,  slideshows, calendars, Loom videos, YouTube videos, social media posts, feeds, and more.

Some platforms do not allow embedding of their content, they block it.

---

## **Embed Content On A Dashboard**

### **Step 1: Open The Dashboard In Edit Mode**

Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button.

### **

![Step 1: Open The Dashboard In Edit Mode (image 1 of 5)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062378661/original/WClgJldrdAfYhmArhbvG5rdSdk48FiOiYA.png)

**Step 1: Open The Dashboard In Edit Mode (image 1 of 5)**

This screenshot appears in the "Step 1: Open The Dashboard In Edit Mode" section of "How To Embed External Content On A Dashboard". The text alongside this image reads: Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button. The navigation path used here is Subaccount > Dashboard > Edit Dashboard.

- Path: Subaccount > Dashboard > Edit Dashboard
- Where to go: Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button.

**

### **Step 2: Open The Elements Tab**

Click on the Elements tab.

### **

![Step 2: Open The Elements Tab (image 2 of 5)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062378678/original/77rHPeNsw417P5CctZs7IIXU4-9XKp5p8Q.png)

**Step 2: Open The Elements Tab (image 2 of 5)**

This screenshot appears in the "Step 2: Open The Elements Tab" section of "How To Embed External Content On A Dashboard". The text alongside this image reads: Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button. The navigation path used here is Subaccount > Dashboard > Edit Dashboard. Immediately after, the guide continues: Write in your desired title and set your desired type of embed.

- Path: Subaccount > Dashboard > Edit Dashboard
- Where to go: Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button.
- Next: Write in your desired title and set your desired type of embed.

**

### **Step 3: Click The Embed Button**

Click the Embed button.

![Step 3: Click The Embed Button (image 3 of 5)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155062378698/original/6wYABDO3JyJy-Ex2vAcMzFXU8C_9VYMtBw.png)

**Step 3: Click The Embed Button (image 3 of 5)**

This screenshot appears in the "Step 3: Click The Embed Button" section of "How To Embed External Content On A Dashboard". The text alongside this image reads: Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button. The navigation path used here is Subaccount > Dashboard > Edit Dashboard. Immediately after, the guide continues: Write in your desired title and set your desired type of embed.

- Path: Subaccount > Dashboard > Edit Dashboard
- Where to go: Navigate to Subaccount > Dashboard > Edit Dashboard by clicking the pencil button.
- Next: Write in your desired title and set your desired type of embed.

### **Step 4: Configure The Embed Element**

Write in your desired title and set your desired type of embed.

-   URL: enter only a fully qualified URL with no other content ex: [https://www.instagram.com/p/C04TE0DsEkW/embed/](https://www.instagram.com/p/C04TE0DsEkW/embed/)
-   IFRAME: enter a full iframe snippet ex: <iframe src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">

Optionally, hide or show the element's title in advanced settings.

### 

![Step 4: Configure The Embed Element (image 4 of 5)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155044574416/original/-frhRlGdwiiJO2ir0tGWr7r4yZw4Gt7fxQ.png)

**Step 4: Configure The Embed Element (image 4 of 5)**

This screenshot appears in the "Step 4: Configure The Embed Element" section of "How To Embed External Content On A Dashboard". The text alongside this image reads: Optionally, hide or show the element's title in advanced settings. Immediately after, the guide continues: Click the blue save button to save the element to the dashboard.
- What this covers: Optionally, hide or show the element's title in advanced settings.
- Next: Click the blue save button to save the element to the dashboard.

### **Step 5: Save Changes**

Click the blue save button to save the element to the dashboard.

![Step 5: Save Changes (image 5 of 5)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155044574444/original/nnK9Racwk6fafA2UI7YTG3o7nJvv-JNkUg.png)

**Step 5: Save Changes (image 5 of 5)**

This screenshot appears in the "Step 5: Save Changes" section of "How To Embed External Content On A Dashboard". The text alongside this image reads: Click the blue save button to save the element to the dashboard. Immediately after, the guide continues: Add an Embed element, then add the video's ID number (found after /video/ in the URL) to https://www.youtube.com/embed/ For example if your youtube URL is https://www.youtube.com/watch?v=bFTIQDCvIrc, then copy the video ID "bFTIQDCvIrc"….
- How to confirm: Click the blue save button to save the element to the dashboard.
- Next: Add an Embed element, then add the video's ID number (found after /video/ in the URL) to https://www.youtube.com/embed/ For example if your youtube URL is https://www.youtube.com/watch?v=bFTIQDCvIrc, then copy the video ID "bFTIQDCvIrc" and add it to https://www.youtube.com/embed/. So your final URL will be https://www.youtube.com/embed/bFTIQDCvIrc

---

## **Types Of Embeddable Content**

### **Youtube**

-   Add an Embed element, then add the video's ID number (found after /video/ in the URL) to [https://www.youtube.com/embed/](https://www.youtube.com/embed/)
-   For example if your youtube URL is https://www.youtube.com/watch?v=bFTIQDCvIrc , then copy the video ID "bFTIQDCvIrc" and add it to https://www.youtube.com/embed/. So your final URL will be [https://www.youtube.com/embed/bFTIQDCvIrc](https://www.youtube.com/embed/bFTIQDCvIrc)

### **TikTok videos**

-   Add an Embed element, then add the video's ID number (found after /video/ in the URL) to https://www.tiktok.com/embed/

### **Instagram Posts**

-   Get the sharable link for your instagram post.  You'll get a link similar to this:  
    [https://www.instagram.com/p/C04TE0DsEkW/?utm\_source=ig\_web\_copy\_link](https://www.instagram.com/p/C04TE0DsEkW/?utm_source=ig_web_copy_link)
-   You'll need to replace ?utm\_source=ig\_web\_copy\_link with /embed/. The URL should look like this afterward:  
    [https://www.instagram.com/p/C04TE0DsEkW/embed/](https://www.instagram.com/p/C04TE0DsEkW/embed/)
-   Add this final URL on your embed element configuration.

---

## **Related Articles**

-   [Customizing a widget](https://docs.ghlcustomercare.com/docs/dashboards/dashboard-widgets/customizing-dashboard-widgets) 
-   [Edit widgets on the dashboard](https://docs.ghlcustomercare.com/docs/dashboards/dashboard-widgets/edit-widgets-on-the-dashboard) 
-   [Removing a widget](https://docs.ghlcustomercare.com/docs/dashboards/dashboard-widgets/removing-a-widget)

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com