Frontend Uploads (Pro)
Let users upload videos directly from your website without WordPress access. Perfect for user-generated content, client portals, video contests, and course assignments.
Pro Feature
Frontend Upload requires Vimeify Pro. Get Pro →
Why Frontend Upload?
Traditional WordPress video management requires admin access. With Vimeify Pro's frontend upload, you can:
- Accept User Submissions: Let visitors upload videos without WordPress login
- Build Video Contests: Collect entries from your audience
- Create Client Portals: Clients upload review videos directly
- Enable Course Assignments: Students submit video assignments
- Crowdsource Content: Community-driven video platforms
The Game Changer
Before Pro:
- ❌ Only admins can upload videos
- ❌ Users email you video files
- ❌ Manual upload process
- ❌ No automation
With Pro:
- ✅ Users upload directly from frontend
- ✅ Automated workflow
- ✅ Instant video collection
- ✅ No admin access needed
How It Works
Simple 3-Step Process
User Visits Form
- Fills out submission form
- Selects video file
- Adds title, description, etc.
Video Uploads to Vimeo
- Chunked upload with progress bar
- Reliable transfer (resume if interrupted)
- Direct to Vimeo servers
Video Added to WordPress
- Automatically creates video post
- Applies categories/tags
- Ready for review/publishing
Upload Methods
Vimeify Pro provides three ways to enable frontend uploads:
1. WPForms Integration
Best for: Beginners and quick setup
- Drag & drop field type
- Visual form builder
- No coding required
- Built-in validation
2. Gravity Forms Integration
Best for: Advanced features and complex forms
- Powerful conditional logic
- Multi-page forms
- Advanced notifications
- Entry management
3. CustomForms API
Best for: Developers and custom implementations
- Full programmatic control
- Custom form builders
- Any framework (CF7, Formidable, etc.)
- Maximum flexibility
WPForms Integration
Quick Setup
- Install and activate WPForms
- Install and activate Vimeify Pro
- Integration auto-activates
- New "Vimeo Upload" field appears in WPForms builder
Adding Video Upload Field
Create/Edit Form
- Go to WPForms → Add New
- Or edit existing form
Add Vimeo Upload Field
- Find "Vimeo Upload" in field list (under Fancy Fields)
- Drag to form
- Field appears in builder
Configure Field Settings
- Label: "Upload Your Video"
- Description: Help text for users
- Required: Make mandatory or optional
- Upload Profile: Select default profile
Save Form
WPForms Field Settings
General Tab
Label
- Field label displayed to users
- Example: "Upload Your Video"
Description
- Help text below field
- Example: "Max file size: 500MB. Formats: MP4, MOV, AVI"
Required
- Make field mandatory
- Prevents submission without video
Upload Profile
- Select from available profiles
- Pre-fills privacy, folder, etc.
- Leave blank for default profile
Advanced Tab
File Type Restrictions
- Limit allowed formats
- Example: `.mp4,.mov,.avi`
Max File Size
- Set upload limit
- Example: `500MB`, `1GB`
- Server limits still apply
Video Privacy
- Public, Private, Unlisted
- Override profile default
Vimeo Folder
- Assign to specific folder
- Organizes uploads
WPForms Notifications
Admin Notification Example: ``` To: [email protected] Subject: New Video Submitted:
A new video has been uploaded.
Video Title: {field_id="1"} Uploaded By: {user_name} Email:
View Video: {video_url} ```
Smart Tags Available:
{video_url}- WordPress video URL{vimeo_url}- Vimeo video URL{video_title}- Video title{upload_date}- Upload date/time
Gravity Forms Integration
Quick Setup
- Install and activate Gravity Forms
- Install and activate Vimeify Pro
- Integration auto-activates
- New "Vimeo Upload" field type available
Adding Vimeo Upload Field
Create/Edit Form
- Go to Forms → New Form
- Or edit existing form
Add Advanced Fields → Vimeo Upload
- Find in Advanced Fields section
- Click to add to form
- Drag to position
Configure Field
- Click field to open settings
- Configure options (see below)
- Save form
Gravity Forms Field Settings
General Tab
Field Label
- Label shown to users
- Example: "Upload Video"
Description
- Help text above or below field
- Supports HTML
Required
- Mark as required field
- Custom error message
Upload Profile
- Select default profile
- Profile settings applied to uploads
Advanced Tab
Allow Multiple Files
- Enable multi-file uploads
- Set maximum number
File Types
- Allowed extensions
- Example: `mp4, mov, avi`
Maximum File Size
- Per-file limit
- Example: `500`MB
Conditional Logic
- Show/hide based on other fields
- Dynamic form behavior
Gravity Forms Notifications
Admin Notification Example:
To: [email protected]
Subject: New Video: {video_title:1}
A new video has been uploaded.
Title: {video_title:1}
By: {Name:2}
Email: {Email:3}
View in WordPress: {video_wp_url:1}
View on Vimeo: {video_vimeo_url:1}Merge Tags Available:
{video_title:X}- Video title{video_wp_url:X}- WordPress URL{video_vimeo_url:X}- Vimeo URL{video_id:X}- WordPress post ID{vimeo_id:X}- Vimeo video ID
CustomForms API
For developers who want full control or need to integrate with custom form builders.
Features:
- Programmatic upload control
- Custom validation
- Any form framework
- Maximum flexibility
Example Integration:
use Vimeify\Pro\CustomForms\AbstractForm;
class MyCustomForm extends AbstractForm {
public function init() {
// Register form
}
public function handle_upload( $file, $data ) {
// Handle upload logic
}
}Setup Guide
Quick Setup (10 Minutes)
Step 1: Create Upload Profile
- Go to Vimeify → Upload Profiles
- Click Add New
- Configure profile:
- Profile Name: Frontend Submissions
- Privacy: Unlisted
- Vimeo Folder: User Uploads
- Auto-publish: No (pending review)
- Click Publish
Step 2: Create Upload Form
Using WPForms:
- WPForms → Add New
- Choose "Blank Form" template
- Add fields:
- Name (text)
- Email (email)
- Video Title (text)
- Video Upload (Vimeo Upload field)
- Configure Vimeo Upload field
- Save form
- Copy shortcode: `[wpforms id="123"]`
Using Gravity Forms:
- Forms → New Form
- Add fields including Vimeo Upload
- Configure settings
- Save form
- Copy shortcode: `[gravityform id="1"]`
Step 3: Add Form to Page
- Create new page: "Upload Video"
- Add shortcode to page
- Publish page
- Test upload
Step 4: Configure Notifications
Set up admin and user email notifications to stay informed of new uploads.
Step 5: Test
- Visit upload page
- Upload small test video
- Verify everything works
- Go live!
Next Steps
- Grid Element - Display uploaded videos
- Advanced Integrations - LMS, membership sites
- Chunked Upload - Technical details
- Get Support - We're here to help