Top
Embed a Dropbox video using Embed code
  • 07 Aug 2023
  • 1 Minute To Read
  • Dark
    Light
  • PDF

Embed a Dropbox video using Embed code

  • Dark
    Light
  • PDF

Article Summary

You can embed 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.

your title goes here

You can add iFrame code for a video only through the Rich Text Editor.

Adding 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. Click the Manage dropdown and then select Share with Dropbox.
    Dropbox_Share

  3. In the pop-up, enter the email address and then click the Share button at the bottom.
    Dropbox_Share_Pop-up

  4. You will receive an email. From the email, click View File.
    Dropbox_Email

  5. The video opens in a new tab. Click Copy link.
    Dropbox_CopyLink

  6. Paste the copied link in a text editor.
    studio_dropbox_link_added_raw

  7. Remove any parameters after the question mark and replace it with raw=1.
    studio_dropbox_link_unedited

  8. Replace video_link with the edited link in the following code snippet to get the embed iframe link.

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

The final embed link looks like this.
studio_dropbox_link_in_iframe

Step 2: Insert the video embed code in the Pop-up

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

  1. On the Whatfix dashboard, click Widgets.
    CLM_DB_Click_Widgets.png

  1. Create a new pop-up using the Create widget button or edit the existing pop-up using the Edit icon.
    CLM_DB_Create_Edit_pop-up.png

  1. In the Description section, place the cursor where you want to add the video and double-click to open the Rich Text Editor.
    carousel_popup_rte.png

  2. Click the Insert Video icon.
    carousel_popup_add_video.png

  3. Paste the embed code.
    studio_dropbox_embed_code

  4. Click Insert.
    studio_dropbox_embed_code_insert

  5. 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.