Webflow sync, pageviews & more.
NEW

Where can I upload audio files for my Webflow site in a similar manner as mboxdrive, without the files disappearing after a while?

TL;DR
  • Use Google Drive with a direct link generator to embed audio via the <audio> tag.
  • Modify a Dropbox shareable link (?dl=0 → ?raw=1) and embed it with the <audio> tag.
  • Upload files to Amazon S3 or similar cloud storage, set them to public, and use the <audio> tag.
  • Host audio on SoundCloud or Audiomack and embed using their <iframe> code.
  • Choose based on preference: free hosting (Google Drive, Dropbox) or professional storage (Amazon S3, SoundCloud).

You need a reliable file hosting service to store and embed audio files on your Webflow site, as Webflow does not support direct audio file uploads. Unlike MboxDrive, which removes files after some time, these alternatives ensure long-term availability.

  • Upload your audio file to Google Drive.
  • Set the file sharing to Anyone with the link.
  • Use a tool like Direct Link Generator (e.g., GetDirectLink) to convert the Google Drive link into a direct download URL.
  • Embed the link in a Webflow HTML Embed element using the <audio> tag.
  • Upload your audio file to Dropbox and copy the shareable link.
  • Modify the URL by replacing ?dl=0 with ?raw=1 to create a direct download link.
  • Use the <audio> tag in Webflow to embed the file.

3. Use Amazon S3 or Another Cloud Storage

  • Create an Amazon S3 bucket (or use a similar cloud storage service like DigitalOcean Spaces).
  • Upload your audio files and set them to public.
  • Copy the public URL and embed it using the <audio> tag in Webflow.

4. Use an Audio Hosting Platform

  • Upload your audio to a platform like SoundCloud or Audiomack.
  • Use their embed code (usually <iframe>) inside a Webflow Embed element.
  • This keeps your site lightweight while ensuring reliable playback.

Summary

For long-term audio hosting, Google Drive, Dropbox, Amazon S3, or SoundCloud provide better reliability than MboxDrive. Choose a method based on your preference for free hosting (Google Drive, Dropbox) or professional storage (Amazon S3, SoundCloud).

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What could be causing the issue with the broken URL in Webflow that includes "www.www." and what steps can be taken to fix it?
Will the application that pulls data from Webflow CMS and is used in a React application be publicly listed by Webflow if we have to register it?
How can I disable the hover effect when the state is on current in Webflow?
How can I make my CMS Сollections in Webflow open a popup to view details instead of loading a separate page? I have been unable to find a solution.
Can PHP code be added directly in the embed component in Webflow to make a form fully functional in a Webflow hosted environment, or is it still necessary to export and add PHP code?
What font should I use in Webflow for maximum accessibility across different devices and operating systems? Is there a section in the forum dedicated to accessibility?
How can I make a responsive video autoplay and loop in Webflow, even on mobile devices?
Is it possible to integrate a directory of people, built in Gatsby with Airtable, into Webflow using an embed or "rewrites" feature similar to Vercel and Cloudflare Pages?
How can I use the Multi Language feature in Webflow to create pages with different languages?
What is causing my CSS Grid elements to display incorrectly in Safari and how can I fix it for both Safari on desktop and Safari on iPad?
Are you experiencing broken links reported by SemRush and a link checker website after exporting your Webflow site? Although all the links work, you're still finding it strange. Have you encountered this issue before and found a solution? Thank you.
Can Webflow support a scrolling animation feature that plays a sequence of PNGs on a webpage? If not currently available, are there plans for this feature to be implemented in the future?
How to improve page load time in Webflow and fix performance issues reported by Lighthouse such as render-blocking resources and unused JS?
Why does the grid behave differently in preview mode in Webflow when building a custom nav drop-down menu?
What is the best way to transfer the design of my static pages from Bubble to Webflow without using the Webflow Plugin?
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 use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
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 can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
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?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?