Title: Drag and Drop File Upload for Contact Form 7 Author: add-ons.org Published: August 14, 2024 Last modified: June 11, 2026 --- Search plugins ![](https://ps.w.org/drag-and-drop-file-upload-for-contact-form-7/assets/banner- 772x250.png?rev=3135447) ![](https://ps.w.org/drag-and-drop-file-upload-for-contact-form-7/assets/icon-128x128. gif?rev=3568443) # Drag and Drop File Upload for Contact Form 7 By [add-ons.org](https://profiles.wordpress.org/addonsorg/) [Download](https://downloads.wordpress.org/plugin/drag-and-drop-file-upload-for-contact-form-7.1.1.5.zip) * [Details](https://wordpress.org/plugins/drag-and-drop-file-upload-for-contact-form-7/#description) * [Reviews](https://wordpress.org/plugins/drag-and-drop-file-upload-for-contact-form-7/#reviews) * [Installation](https://wordpress.org/plugins/drag-and-drop-file-upload-for-contact-form-7/#installation) * [Development](https://wordpress.org/plugins/drag-and-drop-file-upload-for-contact-form-7/#developers) [Support](https://wordpress.org/support/plugin/drag-and-drop-file-upload-for-contact-form-7/) ## Description **Drag and Drop File Upload for Contact Form 7** is the most advanced extension for CF7 that replaces the boring standard file upload field with a beautiful, high- performance **Drag and Drop** area. Built with modern AJAX technology, it allows your users to upload files in the background. No more form submission delays or timeouts for large files! Once the user drops a file, it starts uploading immediately, providing a smooth and professional user experience. ### Why Choose This Plugin? * **Modern AJAX Upload**: Files upload instantly upon selection, reducing the chance of form submission errors by up to 80%. * **Multiple Files Supported**: Give your users the freedom to upload one or dozens of files at once. * **Email Attachments**: Automatically attach uploaded files to your Contact Form 7 emails without any extra configuration. * **SEO & Speed Optimized**: Lightweight JS and CSS ensure your site stays fast while looking premium. * **Automatic Storage Management**: Includes a smart auto-cleanup feature to delete temporary files daily, keeping your server storage lean. **DEMO**: [View Live Demo](https://demo.add-ons.org/demo-drag-and-drop-fields/) ** DOCUMENTATION**: [Setup Guide](https://add-ons.org/document-contact-form-7-drag-and-drop-files-multiple-files/)** PRO VERSION**: [Download Premium](https://add-ons.org/plugin/contact-form-7-drag-and-drop-files-upload/) ### Features * **Sleek Drag & Drop Interface**: Professional design that fits any theme. * **AJAX Progress Bar**: Let users see the upload status in real-time. * **Multiple File Validation**: Set a minimum and maximum number of files allowed. * **Custom File Types**: Restrict uploads to specific extensions (e.g., PDF, JPG, ZIP, DOCX). * **File Size Limits**: Set custom MB limits per field to protect your server. * **Image Previews**: (Pro) Show beautiful thumbnails before the form is even sent. * **Mobile & Tablet Friendly**: Fully optimized for touch devices and mobile browsers. * **Easy Tag Generator**: Standard CF7 tag generator integration for `[file_uploads]` fields. * **Translation Ready**: Fully compatible with WPML, Polylang, and Loco Translate. ### PRO VERSION FEATURES Unlock the full potential of your forms: – **Instant Image Previews**: Show thumbnails as soon as images are dropped. – **Multiple Upload Areas**: Use as many upload fields as you want on a single form. – **Premium Support**: Get help from our experts within 2 hours. – **File Renaming**: (Pro) Automatically rename files to avoid duplicates. ## Screenshots [⌊The modern Drag & Drop upload area inside a Contact Form.⌉⌊The modern Drag & Drop upload area inside a Contact Form.⌉[ The modern Drag & Drop upload area inside a Contact Form. [⌊The easy-to-use Tag Generator for Contact Form 7.⌉⌊The easy-to-use Tag Generator for Contact Form 7.⌉[ The easy-to-use Tag Generator for Contact Form 7. [⌊Successful file upload with progress bar and remove button.⌉⌊Successful file upload with progress bar and remove button.⌉[ Successful file upload with progress bar and remove button. ## Installation 1. Log in to your WordPress Dashboard. 2. Go to **Plugins** > **Add New**. 3. Search for “Drag and Drop File Upload for Contact Form 7”. 4. Click **Install Now** and then **Activate**. 5. Edit your Contact Form 7 form. Click the “**File Uploads**” button in the tag generator at the top, configure your options, and insert the tag into your form template. ## FAQ ### Does it send files as email attachments? Yes! By default, the plugin attaches the uploaded files to the email sent by Contact Form 7. You can also configure it to send links to the files instead. ### Where are the files stored? Files are temporarily stored in `/wp-content/uploads/cf7-uploads-custom/`. The plugin automatically cleans this folder every 24 hours to save server space. ### Can I limit the file size? Absolutely. You can set the “File size limit (MB)” in the tag generator for each individual field. ### Is it compatible with the latest WordPress? Yes, we rigorously test the plugin with the latest versions of WordPress and Contact Form 7 to ensure 100% compatibility. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Drag and Drop File Upload for Contact Form 7” is open source software. The following people have contributed to this plugin. Contributors * [ add-ons.org ](https://profiles.wordpress.org/addonsorg/) [Translate “Drag and Drop File Upload for Contact Form 7” into your language.](https://translate.wordpress.org/projects/wp-plugins/drag-and-drop-file-upload-for-contact-form-7) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/drag-and-drop-file-upload-for-contact-form-7/), check out the [SVN repository](https://plugins.svn.wordpress.org/drag-and-drop-file-upload-for-contact-form-7/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/drag-and-drop-file-upload-for-contact-form-7/) by [RSS](https://plugins.trac.wordpress.org/log/drag-and-drop-file-upload-for-contact-form-7/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.4 * IMPROVED: Refactored internal code for better security and performance. * UPDATED: Switched to internal `Yeekit` branding for improved maintainability. * FIXED: Improved AJAX file handling and multi-file count logic. * UPDATED: Optimized readme for SEO and better user guidance. #### 1.1.3 * UPDATED: Standardized internal file handling functions. * FIXED: Minor pathing issues for temporary uploads. #### 1.1.0 * FIXED: Fully compatible with Contact Form 7 version 6.0 and above. #### 1.0.0 * Initial Release. ## Meta * Version **1.1.5** * Last updated **2 weeks ago** * Active installations **80+** * WordPress version ** 5.0 or higher ** * Tested up to **7.0** * Tags * [contact form 7](https://wordpress.org/plugins/tags/contact-form-7/)[drag-and-drop](https://wordpress.org/plugins/tags/drag-and-drop/) [file upload](https://wordpress.org/plugins/tags/file-upload/)[multiple file upload](https://wordpress.org/plugins/tags/multiple-file-upload/) * [Advanced View](https://wordpress.org/plugins/drag-and-drop-file-upload-for-contact-form-7/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/drag-and-drop-file-upload-for-contact-form-7/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/drag-and-drop-file-upload-for-contact-form-7/reviews/) ## Contributors * [ add-ons.org ](https://profiles.wordpress.org/addonsorg/) ## Support Issues resolved in last two months: 1 out of 1 [View support forum](https://wordpress.org/support/plugin/drag-and-drop-file-upload-for-contact-form-7/)