Embed a Dropbox video using Embed code

Updated On 11 Jul 2024
1 Minute To Read

Print
Share
Dark

Light
PDF

Article summary

Did you find this summary helpful?

Thank you for your feedback

Embed Dropbox 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: Insert the video embed code in the Pop-up using Visual Editor

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:

Go to the location where the video file is located in your Dropbox account.
Hover your cursor over the video and click the Copy link icon.
Paste the copied link in a text editor.
Remove any parameters after the question mark and replace it with raw=1.
Add the edited video link to the src parameter 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 using Visual Editor

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

On the Whatfix Guidance dashboard, click Widgets.
Click Pop-ups.
Hover your cursor over the Pop-up segment you want to configure, and then click the Edit icon.
In the Description section, place the cursor where you want to add the video and double-click to open the Rich Text Editor.
Click the + icon. The Add Component dialog box opens.
On the Add Component dialog box, click Video.