cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Announcements
If you're up against the clock to get holiday ready, so here are some tips on how to use Dropbox to make your prep easy! Check them out!

Dropbox API Support & Feedback

Find help with the Dropbox API from other developers.

cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Can you embed a Dropbox folder on a website or webpage?

Re: Embed dropbox folder in the a webpage?

Greg-DB
Dropboxer

What you're describing does sound possible using the Core API, but it would involve some custom development work.

Re: Embed dropbox folder in the a webpage?

Jo P.9
New member | Level 1

Re: Embed dropbox folder in the a webpage?

Ben C.19
New member | Level 2

Hi,

I've tried the above idea for embedding in an iFrame into Google Sites and end up with a blank frame - has anyone had any success embedding a file into GoogleSites? I want to be able to have people in the team easily view an excel file (and I do not want to use GoogleDocs but use the Dropbox preview)

Hopefully someone has some insight! 🙂

 

Cheers

Ben

Re: Embed dropbox folder in the a webpage?

Greg-DB
Dropboxer

What have you tried specifically, Ben? Can you post some sample code or maybe a sample page?

Re: Embed dropbox folder in the a webpage?

Ben C.19
New member | Level 2

Hi Gregory,

I've done this:

  1. Gone to the file page on Dropbox
  2. Copied the share link
  3. Gone to GoogleSites
  4. Inserted an iframe
  5. Entered the share link in the URL - I've tried this with both with ?dl=0 and ?raw=1

... hope that's the kind of thing... 

 

Cheers

B

Re: Embed dropbox folder in the a webpage?

Greg-DB
Dropboxer

Those links by default are on www.dropbox.com, which doesn't allow iframing, so that won't work by default. If you modified it to use raw=1 though, it should probably work. Can you share your code for that?

Re: Embed dropbox folder in the a webpage?

Ben C.19
New member | Level 2

Hi Gregory,

Here's the link to the file:

https://www.dropbox.com/work/_Down%20To%20The%20Woods/Products/_Suppliers?preview=Purchase+Order+(PO...

Here's the HTML for my GoogleSite (I swear the problem is Google):

<div>Please see the <a href="https://www.google.com/url?q=https%3A%2F%2Fwww.dropbox.com%2Fs%2Fnolkd5mrrbdzcfe%2FPurchase%2520Orde..." target="\_blank">Purchase Order Dashboard sheet on Dropbox </a>for current Purchase Order status. </div>
<div><br>
</div>
<div><img src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BGoogle+Gadget'%3D20'f%..." data-igsrc="http://70.gmodules.com/ig/ifr?mid=70&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fi..." data-type="ggs-gadget" data-props="align:left;borderTitle:Include gadget (iframe);height:800;igsrc:http#58//70.gmodules.com/ig/ifr?mid=70&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&amp;up\_iframeURL=https%3A%2F%2Fwww.dropbox.com%2Fwork%2F\_Down%2520To%2520The%2520Woods%2FProducts%2F\_Suppliers%3Fpreview%3DPurchase%2BOrder%2B(PO)%2BDashboard.xlsm%3Fraw%3D1&amp;up\_scroll=auto&amp;h=800&amp;w=600;mid:70;scrolling:no;showBorder:true;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/iframe.xml;up\_iframeURL:https#58//www.dropbox.com/work/\_Down%20To%20The%20Woods/Products/\_Suppliers?preview=Purchase+Order+(PO)+Dash...;" width="600" height="800" style="display:block;text-align:left;margin-right:auto;" class="igm"><br>
</div>
<div><br>
</div>
<div><br>
</div>
<div><br>
<br>
</div>

 

CHeers

Ben

Re: Embed dropbox folder in the a webpage?

Greg-DB
Dropboxer

Re: Embed dropbox folder in the a webpage?

Ben C.19
New member | Level 2

Hi Gregory,

 

OK, I've tried it using this: https://www.dropbox.com/s/nolkd5mrrbdzcfe/Purchase%20Order%20%28PO%29%20Dashboard.xlsm?raw=1

This ends up downloading the file rather than embedding it?

Cheers

Ben

 

 

 

Re: Embed dropbox folder in the a webpage?

Greg-DB
Dropboxer

The browser will only be able display the file embedded if it knows how to render it. Browsers generally don't have support for Excel files, so in that case its only option is to download it. 

Who's talking

Top contributors to this post

  • User avatar
    Hoss E. New member | Level 1
  • User avatar
    Patrick P.18 New member | Level 1
  • User avatar
    Jerome P.3 New member | Level 1
  • User avatar
    Martin P.3 New member | Level 1
What do Dropbox user levels mean?
Need more support?