Top
Embed a Dropbox video using Embed code
  • 06 May 2025
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Embed a Dropbox video using Embed code

  • Dark
    Light
  • PDF

Article summary

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.

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

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

  3. Paste the copied link on a text editor.
    studio_dropbox_link_added_raw

  4. Remove any parameters after the question mark and replace them with raw=1.
    studio_dropbox_link_unedited

  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

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

  2. Click Pop-ups.
    ia_widget_popups

  3. Hover your cursor over the Pop-up segment you want to configure, and then click the Edit icon.
    Edit_popup_DB

  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

  5. Click the + icon. The Add Component dialog box opens.
    Add_component

  6. On the Add Component dialog box, click Video.
    Click_Video_Addcomponent

  1. Paste the embed code.
    Dashboard_Pop-up_video_addembedcode.png

  2. Click Insert.
    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
  1. Finish creating the Pop-up.

Was this article helpful?


Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.