Save Framer Form Submissions and Uploads to Dropbox
Cloud Storage • Native Edge SyncSave each submission as a JSON or CSV file and upload submitted files to a Dropbox folder. Connect your native Framer forms to Dropbox in 30 seconds with zero client-side API key leaks.
Framer forms to Dropbox: what it does
Some teams want form answers and the files visitors send, such as CVs, briefs or photos, in a Dropbox folder they already share. FramerSend saves each Framer form submission as its own file in the folder you choose, JSON with every field or CSV that opens in Excel, and uploads the submitted files next to it.
FramerSend connects through a small Dropbox app that you create in your own Dropbox account, so access is limited to that app's folder and you can revoke it at any time. After you click Connect with Dropbox once, FramerSend renews access automatically.
What gets created: One file per submission named submission_<date-time>_<id>.json or .csv, plus each uploaded file as <date-time>_<id>_<file name>, in the folder you set (default /FramerSend). Files stay private: no shared links are created.
What FramerSend sends to Dropbox
| Framer form field | Dropbox |
|---|---|
| Every form field | A key in the JSON file, or a column in the CSV fileField names are kept as they are in the form. A submitted_at time is added. |
| File uploads sent with the form | Files in the same folderThe field's value in the submission file is the file's Dropbox path. |
| Files uploaded earlier by the FramerSend File Upload component | Link in the submission fileThose files are stored by FramerSend before the form is sent, so the submission file contains their links. |
| CSV values starting with = + - @ | Prefixed with 'So a spreadsheet does not run them as formulas. |
Set up Framer to Dropbox step by step
- 1
Create a Dropbox app
Go to dropbox.com/developers/apps → Create app, choose Scoped access and App folder (FramerSend then only sees Apps/<your app name>), and name it.
- 2
Set permissions and the redirect URI
On the Permissions tab tick files.content.write, files.metadata.read and account_info.read, then click Submit. On the Settings tab add https://www.framersend.com/api/oauth/dropbox/callback under OAuth 2 → Redirect URIs.
- 3
Connect Dropbox in the dashboard
In Dashboard → 2. Connect CRM choose Dropbox, paste the App key and App secret from the app's Settings tab, choose a folder and JSON or CSV, then click Connect with Dropbox and allow access. Click Test: it reads the account and checks the folder without uploading anything. Save.
- 4
Paste the webhook URL into Framer
In Framer, select the form, open Form → Send to → Add… → Webhook, paste the FramerSend webhook URL (https://www.framersend.com/api/submit/ followed by your form ID) and publish the site.
Troubleshooting Framer to Dropbox
Dropbox: not connected yet …
Cause: The connection has no refresh token.
Fix: Click Connect with Dropbox and allow access, then Save.
Dropbox: your Dropbox app is missing the "files.content.write" permission …
Cause: The scope was not ticked, or was ticked after you connected.
Fix: Tick the three permissions, click Submit, then click Connect with Dropbox again.
Dropbox: renewing access failed (…)
Cause: Access was revoked in Dropbox (Settings → Connected apps) or the app was deleted.
Fix: Click Connect with Dropbox again.
Dropbox: the App key or App secret is wrong …
Cause: The key or secret was changed or mistyped.
Fix: Copy both again from the app's Settings tab.
Dropbox token exchange failed: … redirect_uri …
Cause: The redirect URI is not registered in the Dropbox app.
Fix: Add https://www.framersend.com/api/oauth/dropbox/callback under OAuth 2 → Redirect URIs.
Dropbox: the Dropbox account is full (insufficient_space).
Cause: No storage left.
Fix: Free up space, then click Retry in Dashboard → 4. Logs.
How it works in 3 simple steps
Zero code or third-party plugins required
Configure Storage
Enter your Dropbox bucket credentials or link your account securely in the FramerSend dashboard.
Embed Component
Drag and drop the custom FramerSend File Upload component into your native form.
Receive Files
Files uploaded by users automatically stream to your storage, returning secure file links in submissions.
Get Dropbox Integration
Every plan includes Dropbox and 100+ other connectors. Pay monthly, yearly, or once. Try it free for 14 days, no card needed.
1 Site
For one Framer site
- Dropbox and every other connector (100+)
- 1 Framer site
- Unlimited submissions & file uploads
- API keys stay on our server, never in your site
- Cancel anytime
5 Sites
PopularFor freelancers and small studios
- Dropbox and every other connector (100+)
- 5 Framer sites
- Unlimited submissions & file uploads
- API keys stay on our server, never in your site
- Cancel anytime
Unlimited Sites
For agencies with many client sites
- Dropbox and every other connector (100+)
- Unlimited Framer sites
- Unlimited submissions & file uploads
- API keys stay on our server, never in your site
- Cancel anytime
14-day free trial, no card needed. Unlimited submissions while you test.
Start freeWhy teams use FramerSend for Dropbox
Encrypted API vault, real-time delivery, and unlimited submissions
Resumes & CVs
Collect PDF job applications and automatically sort them into Google Drive/S3 folders.
Screenshots & Mockups
Collect high-quality PNG/JPG bug report attachments directly from users.
Secure Documents
Store secure client financial drafts or contracts directly in your private cloud storage.
Frequently asked questions
Why do I need to create my own Dropbox app?
FramerSend connects through an app in your Dropbox account, so you control its permissions and folder and can revoke it at any time in Dropbox's settings.
Where do the files appear?
With an App folder app, in Dropbox under Apps/<your app name>/ followed by the folder you set (default FramerSend). With a Full Dropbox app, at that path from the root.
Are the uploaded files shared publicly?
No. FramerSend creates no shared links; the files are visible only to the Dropbox account and the people you share the folder with.
Is there a file size limit?
Files sent with the form are limited by FramerSend's upload limit (25 MB per file); Dropbox itself accepts up to 150 MB per upload request.
Can I use Dropbox together with a CRM connector?
Each form sends to one destination. To get both, use Dropbox on one form, or send the data to the CRM and the files to AWS S3, Google Drive or Supabase Storage as the form's file storage.
How do I connect Framer to Dropbox?
Sign up for a FramerSend account (or log in). Go to Connections → Add Connection → Dropbox and add your credentials. They are stored server-side and never exposed in your Framer site, which only gets a public form URL.
Are my API keys safe?
Yes, all API credentials are encrypted at rest. The client-side code in Framer only exposes a public Form ID, keeping your private keys entirely secure.
Are there monthly submission limits?
No. FramerSend provides unlimited form submissions across all license tiers so your live website forms never get blocked during high-traffic spikes.