Top
Embed a Dropbox video using Embed code
  • 08 Feb 2024
  • 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.

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

Step 1: Get the video embed code
Step 2: Inserting the video embed code in the Pop-up

Follow the steps below to add a Dropbox video to a Pop-up,
## 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.

  1. Go to the location where the video file is located in your Dropbox account.

  2. Hover your the cursor over the video and click the Share button.
    share_button_dropbox_video_link

  3. In the pop-up that appears, click the Copy link button at the bottom.
    dropbox_video_copy_link

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

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

  6. Replace video_link with the edited link in the code snippet below to get the embed iframe link.

<iframe src="video_link" height="480px" width="640px" allowfullscreen></iframe>
  1. The final embed link looks like this.
    dropbox_link_in_iframe

Step 2: Inserting the video embed code in the pop-up

  1. On the Whatfix Guidance dashboard, click Widgets.
    ia_left_nav_widgets

  2. Click Pop-ups.
    ia_widget_popups

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

  1. In the Description section, place the cursor in the location where you want to add the video and then double-click to open the Rich Text Editor.
    richtext_editor

  2. Click the Insert Video icon. 
    insert_video-icon

  3. Paste the embed code that was copied in the first part above.
    dropbox_embed_code

  4. Click Insert.
    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.