Easy File Uploader Pro

⌘K
  2. Home
  4. Docs
  6. Easy File Uploader Pro
  8. User Guide
  10. Elementor Drag and Drop Field

Elementor Drag and Drop Field

The Drag & Drop Upload field allows users to upload files directly through an Elementor form using either drag-and-drop or a file browser. It integrates with the plugin’s global uploader settings while allowing per-field overrides.

Adding the Drag & Drop Upload Field

  1. Edit your page with Elementor
  2. Add or select an Elementor Form
  3. Click Add Item
  4. Set Type to DragDrop Upload

Once added, the field settings will appear in the Content panel.

Field Settings

Label

Defines the label displayed above the upload field.

  • Example: Upload File
  • Required: Yes

Required

Marks the upload field as mandatory.

  • Yes: Form cannot be submitted without a file
  • No: File upload is optional

Max. File Size

Sets the maximum allowed file size for this field.

  • Unit: Megabytes (MB)
  • Example: 2048MB
  • Note:
    This value overrides the global uploader max file size if set.

Allowed File Types

Defines which file extensions are allowed for upload.

  • Format: Comma-separated list
  • Example: jpg,jpeg,png,gif,bmp,webp,tiff
  • Security Tip:
    Always restrict file types to prevent malicious uploads.

Multiple Files

Allows users to upload more than one file.

  • Yes: Multiple file selection enabled
  • No: Only a single file allowed

Send Files

Defines how uploaded files are handled after submission.

  • Email with link
    Files are uploaded temporarily and sent as download links via email.
  • Attachments (if supported)
    Files are attached directly to the email (size limits apply).

Uploaded files are not stored permanently unless media saving is enabled in global settings.

Column Width

Controls the width of the upload field within the form layout.

  • Default: 100%
  • Useful for: Multi-column form designs

Behavior Notes

  • File uploads respect global plugin settings unless overridden at the field level.
  • Drag-and-drop uploads also support manual file browsing.
  • Validation occurs before form submission for:
    • File size
    • File type
    • Required field status

Best Practices

  • Set field-level file size limits smaller than server limits.
  • Use clear labels (e.g. “Upload Resume (PDF only)”).
  • Enable Multiple Files only when necessary.
  • Pair with custom error messages for better UX.
  • Avoid email attachments for large files—use links instead.

Common Use Cases

  • Contact forms with file attachments
  • Job application uploads
  • Support ticket file submissions
  • Document collection forms