Embed a File Upload Widget on Your Website

Add File Upload to Any Website

Need to collect files on your website? DriveWidget provides embeddable upload widgets that work on any site — WordPress, Squarespace, Wix, custom HTML, or any framework.

Quick Start (30 Seconds)

1. Create Your Widget

After connecting your Google Drive, go to Widgets and create one. Customize:

• Colors: Match your brand
• Allowed types: PDF, images, documents, etc.
• Max size: Up to 500MB
• Form fields: Collect name, email, or any custom data

2. Get the Embed Code

Click "Embed Code" and copy the HTML snippet:

<iframe
  src="https://api.drivewidget.com/widget/YOUR_WIDGET_ID/embed"
  width="100%"
  height="400"
  frameborder="0"
></iframe>

3. Paste Into Your Site

Add the snippet to any HTML page. Works with:

• WordPress: Use a Custom HTML block
• Squarespace: Use a Code block
• Wix: Use an HTML iframe element
• React/Next.js: Use a standard iframe or our npm package

Features

• Drag & drop: Users can drag files or click to browse
• Multi-file upload: Upload multiple files at once
• Progress bar: Real-time upload progress
• Responsive: Works on mobile and desktop
• Dark mode: Automatic dark theme support

Pre-fill Form Fields (New!)

Already know who the user is? Pass their info via URL parameters:

<iframe
  src="https://api.drivewidget.com/widget/YOUR_ID/embed?full_name=John&email=john@example.com&hide_fields=true"
  width="100%" height="300" frameborder="0">
</iframe>

Works with Shopify Liquid, WordPress PHP, React, and any platform. Read the full guide.

Security

• Files go directly to YOUR Google Drive
• Rate limiting prevents abuse
• Optional CAPTCHA for public widgets
• File type and size validation

Start Free

Create your first widget for free at drivewidget.com. No credit card required.