FramerDocs

Step 1: Grab the Component

Copy the component directly from the Marketplace.

Step 2: Add to Your Project

Paste the component into your Framer project’s canvas to begin setup.

Position it where you want the upload functionality to appear in your layout.

Step 3: Integrate with Your Form

Drag the component into your form or intended section to enable file uploading.

Adjust any size or style settings as needed in Framer’s right panel.

Step 4: Connect Cloudflare API Key

Access your Cloudflare account and copy your API key from the dashboard.

Paste this API key into the component’s settings to enable uploads.

Step 5: Use and Customize

You’re set! Now, use the upload component as needed within your Framer site.

Adjust settings for visuals or behavior as fits your project.

Made for Framer by Ahmad

Create a free website with Framer, the website builder loved by startups, designers and agencies.