---
title: "Embed a Dropbox video"
slug: "embedding-a-dropbox-video-using-embed-code"
description: "This article helps you in embedding a Dropbox video in a Whatfix Pop-up using the Embed code. "
updated: 2026-08-10T04:50:05Z
published: 2026-08-10T04:50:05Z
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

Embed Dropbox videos to any Pop-up template to deliver more information to your users. The video can be embedded 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).

## 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. ![Click_copy_link](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Screenshot%202024-07-10%20at%202.09.30%20PM%281%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
3. Paste the copied link in 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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
4. Remove any parameters after the question mark and replace it with **raw=1**. ![studio_dropbox_link_unedited](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_unedited.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
5. Add the edited video link to the **src** parameter in the following code snippet to get the embed iframe link.

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

The final embed link looks like this. ![studio_dropbox_link_in_iframe](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/studio_dropbox_link_in_iframe.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)

## 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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
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?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)

1. Click the **embed code** icon. ![Click_embed_code_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28283%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
2. Paste the embed code and click **Insert**. ![Click_insert](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image%28284%29.png?sv=2026-02-06&spr=https&st=2026-11-12T08%3A43%3A38Z&se=2026-11-12T09%3A43%3A38Z&sr=c&sp=r&sig=dcstFy%2BXeiS2VzOouWxLiS58%2ByGQkqKLenaWIte2FGk%3D)
3. Finish creating the Pop-up.