How to add Framer File Upload Component with Cloudflare R2 Integration
Requirement: To follow this guide, you’ll need the File Upload Component for Framer.
Step by step:
Best for large files and high traffic using a secure Worker bridge.
1. Setup R2 & Worker
- Create an R2 bucket in Cloudflare.
- Create a new Worker to handle the upload logic.
- Get the R2 Worker Code & CORS Settings here.
- Bind the Worker to your R2 bucket in the Cloudflare settings.
2. Connect to Framer
- Copy your Worker's URL (e.g., ...workers.dev).
- Connecting the Framer file upload component to Cloudflare R2 by inputting the deployed Worker URL in the component property panel.
- Set the provider in Framer to Cloudflare R2 and paste the URL.
- No trailing slash! The URL should end with .dev — not .dev/.
3. Publish and test your form.
Conclusion
You now have a fully functional file upload system integrated directly into your Framer site. Testing is key—ensure you publish your site to verify the connection between the component and your storage provider.
Ready to start? Get the File Upload Component
How to add Framer File Upload Component with Cloudflare R2 Integration
Requirement: To follow this guide, you’ll need the File Upload Component for Framer.
Step by step:
Best for large files and high traffic using a secure Worker bridge.
1. Setup R2 & Worker
- Create an R2 bucket in Cloudflare.
- Create a new Worker to handle the upload logic.
- Get the R2 Worker Code & CORS Settings here.
- Bind the Worker to your R2 bucket in the Cloudflare settings.
2. Connect to Framer
- Copy your Worker's URL (e.g., ...workers.dev).
- Connecting the Framer file upload component to Cloudflare R2 by inputting the deployed Worker URL in the component property panel.
- Set the provider in Framer to Cloudflare R2 and paste the URL.
- No trailing slash! The URL should end with .dev — not .dev/.
3. Publish and test your form.
Conclusion
You now have a fully functional file upload system integrated directly into your Framer site. Testing is key—ensure you publish your site to verify the connection between the component and your storage provider.
Ready to start? Get the File Upload Component
