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.

Build a Buzzfeed Style Quiz in Webflow

11.28.22

How to record smooth mouse scrolls on a live website

11.28.22

Building a booking site with BX Studios

11.22.22

Your Own Webflow Component Library is EASY???

11.21.22

Export Webflow 301 Redirects as CSV

11.20.22

Webflow Forms: Any CRM, Totally Customized

11.1.22

Remove HTML Tags From Webflow CMS Rich Text Export

10.22.22

3 Ways to Loop Through Records w/ Airtable Scripts

10.10.22

Creating a User Portal for Airtable

10.7.22

Use Airtable Scripts to Resize and Crop Images

10.3.22

Auth0 + Webflow

9.28.22

Metaballs

9.24.22

TailGraph

9.23.22

Where Whalesync Really Wails

9.21.22

Custom multi-select field in Webflow Form

9.7.22

Creator Roadmap

$0+
9.4.22

Will Editor X Replace Webflow?

8.28.22

Three Tips for Using Custom Code in Webflow

8.28.22

How to Webflow like a boss

$100
8.28.22

Using Matter.js in Webflow

8.28.22

Top Five Interactions Designers Struggle to Create in Webflow

8.28.22

Stacker App + Airtable = Awesome Webflow Team Management

8.28.22

Using Airtable to power the data on your Webflow site

8.28.22

Overlapping Page Transitions in Webflow

8.28.22

Building a basic game in Webflow

8.28.22

Improve UX Using Cookies in Webflow

8.28.22

Let your client add, remove, & rearrange page sections from the Webflow Editor

8.28.22

JQuery Basics Tutorial for Webflow

8.28.22

Create Award Winning Animation and Interaction Design in Webflow

$110
8.28.22

The Webflow Masterclass - Learn how to build websites in Webflow

$695
8.28.22

Using VS Code and GitHub with Webflow

8.28.22

Top 5 CSS Tricks You Must Know for Webflow

8.28.22

Adaptive Page Loader in Webflow

8.28.22

Timothy Ricks JQuery Builder Course

8.28.22

Building a Liquid Nav in Webflow

8.28.22

Creating Lottie Files Using Illustrator & After Effects for Webflow

8.28.22

Top 3 tricks for CMS collection lists in Webflow

8.28.22

Building a CMS Quiz in Webflow using WeBlocks

8.28.22

Webflow

8.28.22

Framer

8.28.22

Dropbox Direct Links for CMS Import

7.25.22

También Webflow Style Guide and Grid System

6.29.22

Webflow Component Copy/Paste Data Process

6.21.22

Webflow Forms to Airtable (without Zapier or Make)

4.5.22

Relume Library

$32/mo
4.5.22

A Designers Guide to Javascript

3.3.22

Optimage

$15
8.4.21

Google Drive Direct Links for CMS Import

2.26.21

Integrating Mailchimp and Webflow

12.1.20

BEM Class Naming Convention in Webflow

11.25.20

Front-end to No-code

5.3.20

Design Bootstrap-themed sites in Webflow

4.14.20
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.