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.

Stackerr

3.13.23

Relume Ipsum

3.10.23

Finsweet Developer Starter

3.9.23

Relume Icon Library

3.8.23

Build AI-Generated Blog Writer In Webflow w/ GPT-3

3.6.23

Logggos

3.6.23

Automatically Track Webflow Sitemap Changes in Airtable

3.4.23

Unmask Sections While Scrolling in Webflow

3.2.23

250 (500) Logos of Tech Products

2.25.23

Guide on Migrating Your Wordpress Site to Webflow

2.23.23

How to Build Simple Chrome Extensions w/ Keegan Leary

2.21.23

How to create consistency in your website

2.20.23

bunny.net

2.20.23

Relocate Element While Scrolling in Webflow

2.19.23

Notion API – Full Course for Beginners

2.14.23

Add International Times with Timezones to your website

2.8.23

Good Design Tools

2.8.23

Recreating an Award-Winning Game in Webflow

2.7.23

Ultimate CMS Slider for Webflow

2.6.23

The Best Method of Scroll Snapping!

2.5.23

Connect Webflow to Airtable, Mailchimp and Slack with Webflow Logic

2.4.23

Figma to Webflow Plugin

2.2.23

Text Connector DateTime Formats

2.2.23

100 Days Of More Or Less Modern CSS

2.2.23

Nucleo

$99
1.31.23

Animate Along SVG Path Using GSAP

1.27.23

Clean Shot X

1.27.23

Reverse Proxy for Webflow Pt.1

1.27.23

Images Inside Text Spans in Webflow

1.26.23

Xnapper

1.25.23

Using Webflow with Cloudflare

1.24.23

Buildcamp

1.23.23

100 Days of No-Code

1.23.23

fffuel

1.22.23

Bubble Bootcamp

$249
1.21.23

Understanding IF and SWITCH Statements in Airtable

1.20.23

How to add a custom class to an element in Framer

1.20.23

Import Colors From Figma to Webflow

1.19.23

Automate Personalized Emails from Gmail using Airtable

1.18.23

11 ways to generate clickable links with Notion formulas

1.17.23

Matter.js with Responsive SVG Bodies

1.13.23

Add interactivity to your Webflow sites with Rive

1.6.23

Dominate the DOM with Mutation Observer

1.6.23

Rive to Webflow Workflow

1.3.23

CMS List Sync in Webflow

12.21.22

GSAP Scrolltrigger for Advanced Scroll Interactions

12.19.22

Learn Every CSS Selector in 20 Minutes

12.16.22

How to create and schedule social posts with Al

12.15.22

100 SEO pages in 20 minutes with OpenAl +Webflow + Whalesync

12.14.22

ChatGPT and Webflow

12.10.22

Morpher for Framer

12.5.22

Summarize Airtable Text with OpenAI

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