Webflow sync, pageviews & more.
NEW

How can I host files on my Webflow site using Dropbox Public Links?

TL;DR
  • Upload your file to Dropbox and generate a shareable link by selecting "Share" and copying the provided URL.
  • Modify the link by changing ?dl=0 to ?raw=1 or ?dl=1 depending on whether you want inline viewing or direct download.
  • In Webflow, add this modified link to a button or text element as a URL to allow access to the file.

You can’t directly host files on Webflow using Dropbox public links because Dropbox doesn’t support direct file hosting the way traditional web servers do. However, you can link to files stored on Dropbox if they are shared properly.

  • Dropbox disabled direct file rendering (for HTML, JS, etc.) via public links in 2017.
  • File links from Dropbox will not act like true hosted files; they serve as file downloads, not embeddable or hotlink-capable assets.

2. Upload the File to Dropbox

  • Upload your file (e.g., a PDF, DOC, or ZIP file) to your Dropbox account.
  • Place it in your Dropbox > Public folder if your account still has one (older accounts only).
  • If no Public folder, any folder is fine, but public hosting limitations still apply.
  • Right-click the file and choose Share.
  • In the modal, adjust link settings if needed (e.g., anyone with the link can view).
  • Copy the shareable link, which should look something like:
    https://www.dropbox.com/s/abcd1234yourfile.pdf?dl=0
  • Modify the end of the URL from ?dl=0 to ?raw=1 or ?dl=1.
  • ?raw=1 will open the file inline in supported browsers.
  • ?dl=1 will trigger a download.
  • Example:
    https://www.dropbox.com/s/abcd1234yourfile.pdf?raw=1
  • In Webflow Designer, select any element (e.g., Button, Text Link).
  • Set the Link Settings to type URL, and paste your Dropbox link with ?raw=1 or ?dl=1.

Summary

You can’t host files on your Webflow site using Dropbox, but you can link to Dropbox-shared files using their modified share links (e.g., ?raw=1). For true hosting of embeddable assets like scripts or videos, use services like AWS S3, GitHub, or dedicated file hosting platforms.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is Webflow a recommended platform for building a directory-type website, with state and city pages, a search bar, and individual park pages with information such as park name, address, hours of operation, and a Google map? I want to utilize CMS to easily add parks in the editor and have the page auto-populate, rather than duplicating a template page and filling in the information manually on a platform like Squarespace. Thank you!
How can I create a scrolling div inside a fixed div in Webflow?
How can I style the headings in a CMS Rich Text field that are also links in Webflow?
How can I create hairline splitters in Webflow using divs to create a split line between text?
How can I upload a Dropbox video and set it as the background on my webpage using Webflow? My browser is Safari 9, and I have been struggling with the code.
Is it possible to overflow a background image in Webflow like in the example provided? If not, are there any other solutions to achieve the same design as shown in the XD Design link?
Why aren't the radio buttons on my website working in Webflow? I applied the same Group name to both radio buttons, but they still don't respond when clicked. Please help!
What is the new CMS feature in Webflow that allows users to filter dynamic lists using a defined range instead of just a number of items, and what are some of its benefits and upcoming enhancements?
How can I clip an image with a custom svg shape in Webflow?
How can I modify the colors and design of the navbar on mobile in Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
Can WebP images be used in Webflow to improve loading time?
What is preventing the "Current" text from changing color on the mobile version of my Webflow site when clicked?
How can I change the font color of every even item in a Webflow collection list?
How can I create a slider effect on Webflow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?