Flowdrive integration for Webflow: Unlimited file hosting without restrictions

Frequently asked questions about Flowdrive and Webflow

How does Flowdrive integrate with my Webflow site?

Flowdrive offers two simple integration methods depending on your needs:

1. Via the Official Webflow App (recommended for most users):
   • Go to your Webflow project settings and select "Apps"
   • Search for "Flowdrive" and click "Install"
   • Create or log into your Flowdrive account when prompted
   • The integration is now complete—Flowdrive appears in your Webflow Editor

This method automatically handles API connections and even allows one-click migration of existing Webflow assets to Flowdrive, instantly reducing your bandwidth usage.

2. Via Manual Script Installation (for form uploads):
   • Copy the Flowdrive script from your Flowdrive dashboard
   • Add it to your Webflow site's custom code (head or body)
   • Add two attributes to any div in your form:
     • name="flowdrive" and value="YOUR-FEED-ID"
     • name="feed-field" and value="post"

After publishing your site, the form will include a fully functional file upload field that stores files directly on Flowdrive's CDN. The resulting file URL can be captured in a hidden input field for use with Webflow Logic or in form submissions.

What are Flowdrive's pricing plans and limitations?

Flowdrive offers transparent, predictable pricing with no bandwidth charges on any plan:

• Free Plan: $0/month
  • 1GB of storage
  • Up to 25 files
  • Maximum 20MB per file
  • Unlimited bandwidth
• Basic Plan: $9/month ($7.50/month billed yearly)
  • 50GB of storage
  • Up to 10,000 files
  • Maximum 100MB per file
  • 1 custom domain
  • Unlimited bandwidth
• Pro Plan: $29/month ($24.17/month billed yearly)
  • 250GB of storage
  • Unlimited files
  • Maximum 1GB per file
  • 3 custom domains
  • Unlimited bandwidth
• Business Plan: $59/month ($49.17/month billed yearly)
  • 750GB of storage
  • Unlimited files
  • Maximum 2GB per file
  • 5 custom domains
  • Unlimited bandwidth

All plans allow multiple team members and include Flowdrive's core features (file upload widget, CDN delivery, Webflow app integration). The primary differences are storage capacity, file size limits, and custom domain allowances. If you reach your storage limit, you'll need to delete files or upgrade—there are no automatic overage charges.

Can Flowdrive help reduce my Webflow bandwidth costs?

Yes, significantly. Flowdrive can dramatically reduce or eliminate Webflow bandwidth costs in two ways:

1. New asset hosting: Any files uploaded to Flowdrive (rather than Webflow's asset manager) are delivered from Flowdrive's CDN with zero impact on your Webflow bandwidth quota.
2. Existing asset migration: Flowdrive's Webflow app includes a one-click feature to transfer your existing Webflow assets to Flowdrive and automatically update all references throughout your site. This instantly reduces bandwidth usage on your Webflow hosting.

Many Webflow users have reported 40-60% reductions in bandwidth usage after implementing Flowdrive, particularly for media-heavy sites. This can prevent costly overages or allow you to downgrade to a less expensive Webflow hosting plan. For example, staying on Webflow's Basic hosting ($15/month) with Flowdrive Basic ($9/month) costs $24/month total—significantly less than upgrading to Business hosting ($49/month) just to avoid bandwidth limitations.

Will using Flowdrive affect my Webflow site's performance?

Flowdrive typically improves site performance rather than hindering it. Files hosted on Flowdrive are delivered through a global CDN (powered by Cloudflare's infrastructure), which can actually load faster than Webflow's native hosting, particularly for visitors in regions distant from Webflow's primary servers.

Flowdrive's script is lightweight and loads asynchronously, so it doesn't block page rendering. The service is optimized specifically for Webflow integration, with features like:

• Non-blocking, asynchronous script loading
• Native DOM integration (not heavyweight iframes)
• Targeted data loading that only fetches what's needed
• Global edge caching through Cloudflare's CDN

In performance tests, sites using Flowdrive for large assets showed improved load times compared to hosting the same files directly on Webflow. This is especially noticeable for video content and large downloadable files, where Flowdrive's CDN provides more optimized delivery paths.

How do I add file uploads to my Webflow forms with Flowdrive?

Adding file uploads to any Webflow form takes just three simple steps:

1. Add the Flowdrive script to your site's head or body via Webflow's custom code panel <script src="https://cdn.flowdrive.io/upload-widget.js"></script>
2. Create a div inside your form where you want the upload field to appear <div class="upload-field"></div>
3. Add two attributes to that div:
   • name="fd-upload" to initialize the upload field
   • name="fd-input" and value="file-url" to store the resulting URL

After publishing your site, this div transforms into a fully functional file uploader that stores files on Flowdrive and captures the URL in your form submission. You can style this field like any other Webflow element using classes and the Style panel.

What makes this approach powerful is that it works on any Webflow plan—not just Business hosting. The file is uploaded directly from the user's browser to Flowdrive, bypassing Webflow's servers entirely. The form submission contains only the file's URL, not the file itself.

What file types does Flowdrive support for Webflow?

Flowdrive supports virtually all file types with no format restrictions. Unlike Webflow's limited asset manager, Flowdrive can host:

• Images: JPG, PNG, WebP, SVG, GIF (including animated), AVIF
• Videos: MP4, WebM, MOV, AVI (up to 2GB on higher plans)
• Documents: PDF, DOCX, XLSX, CSV, TXT
• Audio: MP3, WAV, OGG, M4A
• Code: JS, CSS, HTML, JSON, XML
• Archives: ZIP, RAR, 7Z
• Fonts: WOFF, WOFF2, TTF, OTF
• And any other file format your users might need to upload or download

This flexibility makes Flowdrive ideal for specialized content like podcast episodes, video tutorials, software downloads, or technical documentation that would be impossible to host directly on Webflow. The only limitation is file size (dependent on your plan), not file type.

How do I set up a custom domain for my Flowdrive files in Webflow?

Setting up a custom domain for your Flowdrive files is straightforward and provides significant branding and SEO benefits:

1. Choose a subdomain for your files, typically something like:
   • files.yourdomain.com
   • assets.yourdomain.com
   • media.yourdomain.com
2. In your Flowdrive dashboard:
   • Go to Settings > Custom Domain
   • Enter your chosen subdomain
   • Copy the provided CNAME value
3. In your domain provider's DNS settings:
   • Create a new CNAME record
   • Set the host to your chosen subdomain (e.g., "files")
   • Set the value to the CNAME value from Flowdrive
   • Save the changes (propagation may take up to 24 hours)
4. Back in Flowdrive:
   • Click "Verify" once your DNS changes are live
   • Upon successful verification, all your file URLs will automatically use your custom domain

Once set up, all new file URLs will use your custom domain instead of Flowdrive's default domain. For existing files, you can easily copy the new custom domain URL from your Flowdrive dashboard. This ensures your assets appear to come directly from your own domain rather than a third-party service, maintaining brand consistency and SEO benefits.

What happens if my Webflow site traffic exceeds Flowdrive's plan limits?

Flowdrive's plans include unlimited bandwidth on all tiers, so there's no risk of exceeding transfer limits or incurring overage charges regardless of how many times your files are viewed or downloaded. This contrasts with Webflow's approach, where bandwidth overages can trigger additional charges.

The only limits in Flowdrive plans are:

• Storage space (how much data you can store)
• Number of files (on Free and Basic plans)
• Maximum file size (varies by plan)

If you reach your storage limit, you have three options:

1. Delete unused files to free up space
2. Upgrade to a higher plan with more storage
3. Continue using existing files without adding new ones

Importantly, even if you reach your storage limit, all your existing files will continue to be served without interruption. There are no surprise charges—Flowdrive will notify you when you're approaching your limits so you can decide how to proceed.

This predictable pricing model means you can confidently share large files or enable user uploads without worrying about unexpected costs if your content becomes popular.

Can I migrate my existing Webflow assets to Flowdrive?

Yes, and it's remarkably easy through Flowdrive's official Webflow app integration:

1. Install the Flowdrive app from Webflow's App Marketplace
2. Connect your Flowdrive account to your Webflow project
3. In the Flowdrive panel within Webflow, select "Sync Assets"
4. Choose which assets to transfer to Flowdrive
5. Click "Migrate" and Flowdrive will:
   • Copy all selected assets to your Flowdrive storage
   • Automatically update all references throughout your site
   • Serve the files from Flowdrive's CDN instead of Webflow

This migration process is non-destructive—your original Webflow assets remain untouched until you verify everything is working properly. The process significantly reduces your Webflow bandwidth usage since visitors will now download files from Flowdrive's CDN instead.

For large sites, this migration alone can save hundreds of dollars in potential Webflow bandwidth overages. Many users report 40-60% reductions in Webflow bandwidth consumption after migrating their largest assets to Flowdrive.