Dropbox is a great online storage service, which millions of peoples daily use. It was founded in 2007 by Drew Houston. It is the first online storage company that came with the drop-and-upload concept. That’s why it is called Dropbox. We daily use it for a lot of different purposes, like for storing important files, sharing files to other peoples and hosting our backup files. There are many peoples who are bloggers or have a website and want to embed dropbox images or videos on any website.

So, just follow this article and you’ll be able to embed dropbox images or videos on any website within a few minutes after reading this article.

Follow all the steps given below to do the work :

How to embed Dropbox Images or Videos on any website?

1. Login or Create your DropBox Account

Go to Dropbox.com and sign in with your account. If you don’t have an account create one.

DropBox Homepage - Embed Dropbox images and Videos

2. Upload Images or Videos which you want to embed

Upload the images or videos that you want to embed on your website. In case, it’s already available on your Dropbox account then just skip this step.

 

Dropbox_Files

3. Copy the Public Shareable Link

Hover over the Images or videos file and then click on the “Share” and then click on Create link and when link created click on “Copy Link” to copy the public link.

 

DropBox Share Button

DropBox Create Link

DropBox Copy Link - embed Dropbox images or videos

DropBox_File Public URL

4. Embed Dropbox Images and Videos on website

For embedding, the dropbox images or videos on any website with the following code :

(a) Images

You can embed images just by using the code below. Please remember to replace the “Your-Dropbox-Link” with your own Dropbox share link that you just copied in the above link, and add “?raw=1” at the end of the link.

Example: If this is the link of the image hosted on Dropbox :

https://www.dropbox.com/s/zesok1gfecvoop5/M.png?dl=0

then make it like this :

https://www.dropbox.com/s/zesok1gfecvoop5/M.png?raw=1
and then enter in the code below :

See the Pen
EzLPXM
by Abhishek Verma🇮🇳 (@ItsAbhishekVerma)
on CodePen.


Copy the code and replace the current link with your own link.

Read: How to create your own Digital Voice using Artificial Intelligence


(b) Videos

For embedding, dropbox videos follow the same procedure but the code for embedding video is different. So, let’s have a look at it.

See the Pen
Embed Dropbox Videos
by Abhishek Verma🇮🇳 (@ItsAbhishekVerma)
on CodePen.

Conclusion

Embedding Dropbox images or videos is a great idea if you want to embed some important images or videos on your website. But never depend on Dropbox for creating a streaming website and hosting a lot of videos on Dropbox, because Dropbox has some Bandwidth limitations. Also, doing so can get your account suspended. So, be careful.

Thanks for reading this article, do share with your friends and followers on Social Media and help them embed dropbox images or videos to their websites. 🙂

Author: Abhishek Verma

Abhishek Verma is a Blogger and WordPress developer. He is working on WordPress from about 2015. He started ChampHub in 2018 to share his knowledge about WordPress and Blogging with the whole world. Before starting InnovativeBeast, he was writing for few other online portals like ChampHub, StayMeOnline etc

Leave a Reply

Your email address will not be published. Required fields are marked *