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
Can the 'stock' mobile nav in Webflow be edited to fill the entire screen and ensure menu items are centered both vertically and horizontally, potentially using a flexbox? The current issue is that when the menu is open, it covers up the close button. Assistance would be greatly appreciated.
What other e-commerce solutions can be used with Webflow for creating and managing products on a website?
Can clients install the Webflow editor through a dedicated download page or is an invite from the dashboard necessary?
Can an element in Webflow stop being sticky after scrolling past a specific point on the page, similar to the image on the homepage of the Webflow site?
How can I contact Webflow support to resolve a DNS_PROBE_FINISHED_NXDOMAIN error after connecting a custom domain?
How can I integrate this code into Webflow?
How can I create a GA4 Event to track form conversions using Webflow, Google Tag Manager, and Google Analytics 4?
Can Webflow be used to set up individual member URLs for redirection upon login instead of directing them to the site root?
What is causing the error message "Recipient has too many recent signup requests" when posting on Webflow?
How can I achieve the image distortion mouse hover effect in Webflow, similar to what I saw on a showcased website?
How can I center a section in the middle of the screen when a user clicks on a in page link in Webflow?
What are the pros and cons of using Webflow versus Shopify for e-commerce, considering factors such as features, limitations, and the need for custom work to achieve a similar state?
How can I implement a cookie consent modal window using the Insite tool in Webflow and properly configure the callback hook to allow users to opt out of using cookies?
Can I display a real-time count of items from different databases on my Webflow homepage?
How can I create parallax elements in Webflow using the script from the provided link on Matthew Wagerfield's website?
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 prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?
How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I make the menu close when a link is clicked 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?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
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?