Host website assets on Dropbox and Google Drive

TLDR

Host website assets for free by getting the direct link to files saved on Dropbox or Google Drive.

Date

Dec 13, 2023

Author

No-Code Supply Co.

Today, we're exploring how Dropbox and Google Drive can be game-changers for hosting low traffic website files. Perfect for those dabbling in web design and development, this approach offers a simple way to host external files in platforms like Dropbox and Google Drive you may already use.

The general approach for this is to upload the file to Dropbox or Google Drive, then adjust the share link URL to convert it to a URL that points directly to the file instead of to a view of the file within the corresponding platform.

Dropbox

  1. Access your Dropbox and get the regular sharing link.
  2. Modify the link for direct download: change www.dropbox.com to dl.dropboxusercontent.com.
  3. Now, your Dropbox link is ready to embed in your web design projects.

Google Drive

  1. Start with the standard sharing link from Google Drive.
  2. Adjust the link for your web development needs. For and images and PDF files use https://drive.google.com/uc?export=download&id=FILE_ID. You can also get a direct link for audio files with this alternate URL parameter: https://docs.google.com/uc?export=open&id=FILE_ID
  3. Replace FILE_ID with the specific ID of your file.

Deciding between Dropbox and Google Drive for no-code file hosting

Choosing the right platform between Dropbox and Google Drive can enhance your web development workflow. Dropbox, with its straightforward approach, is great for simple, no-code projects. Google Drive, offering more free storage, is ideal for larger web design endeavors. Consider your current ecosystem; familiarity can streamline your no-code web development process. Lastly, note that hosting files this way is not intended for high traffic websites and should instead be used mostly on low traffic, simple use cases.

With Dropbox or Google Drive, hosting your website files becomes an easy, cost-effective part of your web development toolkit.

Keep exploring

Advertise with No-Code Supply Co.

View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

7 Things to Know About Webflow

3.19.20

Mobile Tabs to Dropdown

2.16.20

EZ GIF

1.25.20

Building an online school in Webflow

1.14.20

No Code is New Programming

12.15.19

WebDev For You

12.14.19

The Low-Code/No-Code Movement: More Disruptive Than You Realize

12.3.19

Webflow Seamless Pagination

12.3.19

Adding cookies to custom modals

12.3.19

Product Prototyping with Webflow

12.3.19

Stop handing off concepts and start designing real products with Webflow.

12.3.19

Webflow Pages WordPress Plugin

12.3.19

How to add dynamic filtering and sorting to your Webflow websites

12.3.19

Dynamic Forms With Webflow

12.3.19

Embracing Webflow as a Frontend Developer

12.3.19

Using List JS with Webflow

12.3.19

Control Webflow native slider with arrow keys

12.3.19

11 time-saving pro tips for web designers working in Webflow

12.3.19

Webflow Secrets

12.3.19

How to get interactions working with fullPage JS

12.3.19

How to include current URL in a form

12.3.19

Full Multi Language Site

12.3.19

Creating a Notification bar in Webflow

12.3.19

Google Sheets to Webflow w/ Zapier

12.3.19

Follow up on searchIQ that enables google-like features on webflow

12.3.19

How To Create Dynamic Form Content

12.3.19

Let's Redesign Web Design

12.3.19

Infinite scroll: how to keep your audience engaged in 2019

12.3.19

Parabola and Webflow: Automatically feature your most popular blog post

12.3.19

Webflow custom code snippets you would use. Episode 1

12.3.19

Webflow + Firebase Custom Authentication

12.3.19

How to create a React app out of a Webflow project

12.3.19

Reset a form to original after successful submission - Publishing Help / Custom Code - Webflow Forums

12.3.19

Knack & Webflow Introduction

12.3.19

Creating a Section Transition Effect

12.3.19

Print Page Button - Resources / Tips, Tricks & Tutorials - Webflow Forums

12.3.19

How to build page transitions in Webflow

12.3.19

Linking to Specific Tab from another Link or Button

12.3.19

How to Add Prev/Next Buttons to Tab Component

12.3.19

Converting Webflow into Angular

$35
12.3.19

Upvoting System in Webflow

12.3.19

Optimize your web design process with rapid prototyping and project management in Webflow

12.3.19

The trick to viewport units on mobile | CSS-Tricks

12.3.19

Scroll & Snap Full Page Sections with Webflow and Scrollify

12.3.19

4 ways Kisi used Webflow to grow organic traffic by 300%

12.3.19

Moving Our Blog From Medium to Webflow (Subdomain to Subfolder)

12.3.19

Design tools are holding us back

12.3.19

How to sell Webflow to clients

12.3.19

How to add Schema Markup to your Webflow Project

12.3.19

Slider start from slide # - Publishing Help / Custom Code - Webflow Forums

12.3.19

Dynamic CMS Form Select Input

12.3.19

Lottieflow

12.3.19
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.