--- title: "Embed a Dropbox video using Embed code" slug: "embedding-a-dropbox-video-using-embed-code" updated: 2026-08-09T15:48:50Z published: 2026-08-09T15:48:50Z 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. ```plaintext ``` 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)