How to Accept File Uploads in Framer Forms & Store in AWS S3 / Google Drive

The Challenge of File Uploads in Framer

Whether you are building a job application board, a design agency intake form, or a customer support ticket portal in Framer, you often need visitors to attach files (PDFs, PNGs, ZIPs, or DOCXs).

Native Framer forms do not support multipart file uploads out of the box. Storing files on generic servers can quickly rack up huge hosting costs and expose sensitive user documents.

---

How FramerSend File Streaming Works

FramerSend introduces a dedicated Cloud Storage Pipeline designed specifically for Framer: 1. The visitor drops their file into a native Framer drag-and-drop component. 2. The file is uploaded securely through pre-signed multi-part chunks directly into your AWS S3 Bucket, Google Drive Folder, or Cloudflare R2 Bucket. 3. The secure download URL is automatically attached to your CRM record or spreadsheet row.

---

Setting Up AWS S3 or Google Drive

1. In FramerSend, go to Connections → Add Connection → Select AWS S3 or Google Drive. 2. For AWS S3: Provide your `Bucket Name`, `Region`, `Access Key ID`, and `Secret Access Key`. 3. For Google Drive: 1-click authenticate via Google OAuth. 4. When configuring your Form in FramerSend, toggle Cloud Storage Connection and choose your maximum allowed file size (up to 100MB).

---

Embedding the React Upload Component

FramerSend provides a pre-built, beautifully styled Framer File Upload component: - Drag and drop zone with progress indicators. - Automatic file type restriction (`image/*`, `.pdf`, `.zip`). - File size validation before upload.

Everything works seamlessly with zero custom server code required.