Top
Embed a Dropbox video using Embed code
  • 19 Dec 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. Hover your cursor over the video and click Share.
    Dropbox_share.png

  3. In the pop-up, click Copy link.
    dropbox_copy link.png

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

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

  6. 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 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.
    carousel_popup_rte.png

  5. Click the Insert Video icon.
    carousel_popup_add_video.png

  1. Paste the embed code.
    studio_dropbox_embed_code

  2. Click Insert.
    studio_dropbox_embed_code_insert

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