February 15, 2026·DriveWidget Team
Embed a File Upload Widget on Your Website
Add a drag-and-drop file upload widget to any website in under 30 seconds. Files go straight to Google Drive.
tutorialembedwidget
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.
Ready to collect files?
Start using DriveWidget for free. No credit card required.