You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.
Forum Discussion
Martin P.3
10 years agoNew member | Level 1
Can you embed a Dropbox folder on a website or webpage?
What are good ways to embed dropbox folder in the a webpage like a Google drive for example ?
<iframe src="https://drive.google.com/embeddedfolderview?id=1234567890#list" width="100%" height="800" frameborder="0"></iframe>
Good news, we've made a preview of a new pre-built component for embedding files and folders available! You can find more information here: https://www.dropboxforum.com/t5/Discuss-Dropbox-Developer-API/Feedback-The-Embedder-Launched-in-Preview/m-p/405265#M1072
- Jo P.9New member | Level 1
Will this do what you needed?
- Ben C.19New 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
- Greg-DBDropbox Staff
What have you tried specifically, Ben? Can you post some sample code or maybe a sample page?
- Ben C.19New member | Level 2
Hi Gregory,
I've done this:
- Gone to the file page on Dropbox
- Copied the share link
- Gone to GoogleSites
- Inserted an iframe
- 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
- Greg-DBDropbox Staff
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?
- Ben C.19New member | Level 2
Hi Gregory,
Here's the link to the file:
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%2520Order%2520(PO)%2520Dashboard.xlsm%3Fdl%3D0&sa=D&sntz=1&usg=AFrqEzdhAOXWNznBTiiulq3GJT1JbxoMUw" 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&cht=d&chdp=sites&chl=%5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D599'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D600'%3D797'dim'%5C%3D10'%3D10'%3D600'%3D797'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&sig=p3WOUGB40DOuZA0OzyXFGSrrhuw" data-igsrc="http://70.gmodules.com/ig/ifr?mid=70&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&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&up\_scroll=auto&h=800&w=600" data-type="ggs-gadget" data-props="align:left;borderTitle:Include gadget (iframe);height:800;igsrc:http#58//70.gmodules.com/ig/ifr?mid=70&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&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&up\_scroll=auto&h=800&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)+Dashboard.xlsm?raw=1;up\_scroll:auto;view:default;width:600;" 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
- Greg-DBDropbox Staff
The link you're trying to use ( https://www.dropbox.com/work/_Down%20To%20The%20Woods/Products/_Suppliers?preview=Purchase+Order+(PO)+Dashboard.xlsm?raw=1 ) is a private link. You'll need to use a share link:
- Ben C.19New 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
- Greg-DBDropbox Staff
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.
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
5,883 PostsLatest Activity: 6 hours agoIf you need more help you can view your support options (expected response time for an email or ticket is 24 hours), or contact us on X or Facebook.
For more info on available support options for your Dropbox plan, see this article.
If you found the answer to your question in this Community thread, please 'like' the post to say thanks and to let us know it was useful!