---
title: "Embed a Dropbox video using Embed code"
slug: "embedding-a-dropbox-video-using-embed-code"
updated: 2025-05-06T09:54:40Z
published: 2025-05-06T09:54:40Z
canonical: "support.whatfix.com/embedding-a-dropbox-video-using-embed-code"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed a Dropbox video using Embed code

Embed Dropbox videos to any Pop-up template to deliver more information to users. Embed the video in the description section. For more information on Whatfix Pop-up templates, see [Choose the Pop-up template](/studio/docs/choosing-the-pop-up-template).

Adding a video embed code in a Pop-up is a 2-step process.

- [Step 1: Get the video embed code](/docs/embedding-a-dropbox-video-using-embed-code#step-get-the-video-embed-code)
- [Step 2: Insert the video embed code in the Pop-up using Visual Editor](/docs/embedding-a-dropbox-video-using-embed-code#Step-insert-the-video-embed-code-in-popup)

## Step 1: Get the video embed code

          Note:

          

Dropbox does not have an in-built embed option to insert videos. However, we can manually create one.

Use the following steps to get the video embed code:

1. Go to the location where the video file is located in your Dropbox account.
2. Hover your cursor over the video and click the **Copy link** icon. ![Share video links from your Dropbox account](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dropbox_share_videolink.png)
3. Paste the copied link on a text editor. ![studio_dropbox_link_added_raw](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_added_raw.png)
4. Remove any parameters after the question mark and replace them with **raw=1**. ![studio_dropbox_link_unedited](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_unedited.png)
5. Add the edited video link to the **src** parameter in the following code snippet to obtain the embed iframe link.

```
<iframe src="video_link" height="480px" width="640px" allowfullscreen></iframe>
```

The final embed link appears as follows: ![studio_dropbox_link_in_iframe](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_in_iframe.png)

## Step 2: Insert the video embed code in the Pop-up using Visual Editor

Use the following steps to insert the video embed in your Pop-up:

1. On the Whatfix Guidance dashboard, click **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png)
2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png)
3. Hover your cursor over the Pop-up segment you want to configure, and then click the **Edit** icon. ![Edit_popup_DB](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Edit_popup_DB.png)
4. In the **Description** section, place the cursor where you want to add the video and double-click to open the **Rich Text Editor**. ![RTE_add_video](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.28.27%20AM.png)
5. Click the **+** icon. The **Add Component** dialog box opens. ![Add_component](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-09%20at%2011.28.27%20AM%281%29.png)
6. On the **Add Component** dialog box, click **Video**. ![Click_Video_Addcomponent](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Video_Addcomponent.png)

1. Paste the embed code. ![Dashboard_Pop-up_video_addembedcode.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Pop-up_video_addembedcode.png)
2. Click **Insert**. ![Dashboard_Pop-up_video_insertembedcode.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Pop-up_video_insertembedcode.png)

          Note:

          

- If you want the video to autoplay for your end users, click **Autoplay** while inserting the video.  

![Autoplay videos on pop-ups ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-up_video_autoplay.png)

1. Finish creating the Pop-up.

## Related

- [Pop-up](/pop-up.md)
