Ninja

Form Builder Blocks is a professional-grade tool designed for the modern WordPress era. Say goodbye to complex shortcodes and external configuration pages—build, style, and manage your forms exactly where they live: in the Gutenberg editor.
This plugin provides a comprehensive suite of blocks that allow you to create anything from a simple contact form to complex job applications. With integrated database storage, you can manage submissions directly from your WordPress dashboard without needing any third-party services.
<h3>Core Features:</h3>
<ul>
<li>Visual Drag-and-Drop: Intuitive block-based interface.</li>
<li>Full Input Library: Text, Email, Textarea, Select, Radio, Checkbox, and File Uploads.</li>
<li>Smart Templates: Launch quickly with pre-built layouts for common use cases.</li>
<li>Real-time Preview: See your form exactly as it will appear to visitors.</li>
</ul>
<h3>Entry Management & Analytics:</h3>
<ul>
<li>Automatic Storage: Every submission is saved securely to your local database.</li>
<li>Admin Dashboard: A dedicated space to view, search, and filter entries.</li>
<li>Status Tracking: Keep track of “Read” vs “Unread” submissions.</li>
<li>Data Export: Download your data in CSV or JSON formats.</li>
<li>Submission Analytics: Get a bird’s-eye view of your form performance.</li>
</ul>
<h3>Advanced Features</h3>
<ul>
<li>Custom Notifications: Send emails to multiple recipients with full entry details.</li>
<li>Secure File Uploads: Drag-and-drop file uploads with strict file-type validation.</li>
<li>Developer Friendly: Support for custom endpoints and advanced hooks.</li>
</ul>
<h3>Security</h3>
We prioritize the integrity of your site and data. This plugin follows WordPress security best practices: 
* Full sanitization and validation of all user inputs. 
* Integrated Honeypot protection to stop spam bots without annoying CAPTCHAs. 
* Nonce verification to prevent CSRF attacks. 
* Admin-only capability checks for accessing sensitive entry data. 
* Restricted file upload permissions to prevent malicious scripts.
<h3>Privacy</h3>
By default, this plugin stores submission data in your local WordPress database. This includes: 
* Form field data provided by the user. 
* Submitter IP addresses and User Agent strings. 
* Timestamps of the submission.
No data is transmitted to external servers or third-party services unless you explicitly configure a custom endpoint. All data is fully exportable and erasable via the WordPress Admin panel.

Form Builder Blocks

Build powerful, custom forms directly inside the WordPress Block Editor with drag-and-drop ease and built-in entry management.

Yordan Soares

Glen Don Mongaya

Drag and Drop Multiple File Upload is a simple, straightforward WordPress plugin extension for Contact Form 7, which allows the user to upload multiple files using the drag-and-drop feature or the common browse-file of your webform.
Drag and Drop Multiple File Upload for Contact Form 7 is an independent plugin, not affiliated with or endorsed by the developers of Contact Form 7.
Here’s a little <a href="http://codedropz.com/contact" rel="nofollow ugc">DEMO</a>.
<h3>Features</h3>
<ul>
<li>File Type Validation</li>
<li>File Size Validation</li>
<li>Ajax Uploader</li>
<li>Limit number of files Upload.</li>
<li>Limit files size for each field</li>
<li>Can specify custom file types or extension</li>
<li>Manage Text and Error message in admin settings</li>
<li>Drag & Drop or Browse File – Multiple Upload</li>
<li>Support Multiple Drag and Drop in One Form.</li>
<li>Able to delete uploaded file before being sent</li>
<li>Send files as email attachment or as a links. (see note below)</li>
<li>Support multiple languages</li>
<li>Mobile Responsive</li>
<li>Cool Progress Bar</li>
<li>Compatible with any browser</li>
</ul>
PLUGIN GUIDE – FREE VERSION
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/DvuvmzIImYo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Note: On Free version, all uploaded files moves to a temporary folder (“/wp-content/uploads/wp_dndcf7_uploads”) then attaches the file to the mail and sends it. After that “Drag & Drop File Upload” removes the file from the temporary folder 1 hour after the submission. ( same process with the default “file” upload of Contact Form 7 – <a href="https://contactform7.com/file-uploading-and-attachment/#How-your-uploaded-files-are-managed" rel="nofollow ugc">See here</a> )
To adjust or disable the auto-deletion feature, we suggest upgrading to the PRO version for more options (see below).
<h3>⭐ Premium Features ⭐</h3>
Check out the available features in the <a href="https://www.codedropz.com/drag-drop-multiple-file-upload-for-contact-form-7/#shop" rel="nofollow ugc">PRO version</a>.
<ol>
<li>Upload Large File – Supports uploading large files.</li>
<li>Image Preview – Displays thumbnails for images.</li>
<li>Auto Delete Files – Automatically deletes files after a set time (hours, weeks, days, months, etc)</li>
<li>Zip Files – Compress uploaded files into a ZIP archive</li>
<li>Save Files to Media Library – Store files in the WordPress media library.</li>
<li>Change Upload Directory – Customize the default WordPress upload directory.</li>
<li>Upload Folder – 📂 Choose a custom folder to store files: 
✅ Contact Form 7 Fields: Use any field name 
✅ Generated Date & Time: Timestamp-based folders 
✅ Random Folder: Auto-generated letters & numbers 
✅ By User: Requires login to store files in the user’s email or first name. 
✅ Custom Folder: Manually input a folder name 
✅ Dynamic Folder: User (name, id), Post (id, slug), CF7 field</li>
<li>Send as Attachments, Zip, or Links – Flexible file delivery options.</li>
<li>Chunked Uploads – Upload large files in smaller chunks to avoid timeouts.</li>
<li>Max Total Size – Set the maximum combined size for all uploaded files.</li>
<li>Parallel Upload – Limit simultaneous uploads to optimize server performance.</li>
<li>Custom Filename – Define custom filename patterns: ( {filename}, {cf7-field-name}, {ip_address}, {random}, {post_id}, {post_slug}, etc. )</li>
<li>Color Options – Customize colors for file size, progress bar, filename, and more.</li>
<li>Prevent Duplicate – Disable button to prevent duplicate submissions.</li>
<li>Custom Theme – Switch between “Dark” or “Light” themes.</li>
<li>Form Entries – Store form entries in WordPress admin.</li>
<li>Seamless Remote Storage Integration 
🔥 Supports: OneDrive, Google Drive, Amazon S3, Dropbox, FTP.</li>
<li>Image Size Validation – Ensure images meet required width and height.</li>
<li>Image Resize – Supports image resizing (e.g., 800×800). (Standard Version Only)</li>
<li>Optimize Image – Optimize images after resizing. (Standard Version Only)</li>
<li>Security – Ensure security with regular updates, vulnerability scans, and threat protection.</li>
<li>Optimized Code & Performance – Improve speed and efficiency.</li>
</ol>
Pro version is also compatible with:
<ul>
<li>Contact Form 7 Add-on – Arshid</li>
<li>Database for Contact Form 7- Ninja</li>
<li>Advanced Contact form 7 DB – Vsourz Digital</li>
</ul>
You can get <a href="https://www.codedropz.com/drag-drop-multiple-file-upload-for-contact-form-7/#shop" rel="nofollow ugc">PRO Version here</a>!
PRO VERSION – PLUGIN OVERVIEW
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/PoQA4KmIETA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Other Plugins You May Like</h3>
<ul>
<li>
<a href="https://www.codedropz.com/woo-order-files/" rel="nofollow ugc">Order Files for WooCommerce</a> 
An extension that attach files to existing WooCommerce orders, allowing both customers and admins to upload and manage files easily.
</li>
<li>
<a href="https://wordpress.org/plugins/easy-file-upload-approval/" rel="ugc">Easy File Upload & Approval</a> 
Easy File Upload & Approval – A simple file management plugin that lets users effortlessly upload and submit files for review through a clean and simple drag-and-drop interface.
</li>
<li>
<a href="https://wordpress.org/plugins/drag-and-drop-multiple-file-upload-for-woocommerce/" rel="ugc">Drag & Drop Multiple File Upload – WooCommerce</a> 
An extension for WooCommerce – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”.
</li>
<li>
<a href="https://www.codedropz.com/drag-drop-file-uploader-wpforms/" rel="nofollow ugc">Drag & Drop Multiple File Upload – WPForms</a> 
An extension for WPForms – Transform your simple file upload into beautiful “Drag & Drop Multiple File Upload”.
</li>
</ul>

Drag and Drop Multiple File Upload for Contact Form 7


We are using the pro version for my client and It's giving a critical error when using 2 upload fields. When both fields is not required and you leave one unfilled, you will not be able to submit the form. 



Support is not good as we tried 2 contact them many times and they are not responding


Upload issue


Like said in the title: works like a charm.Then only thing is that it still uses jQuery which is absolutely not necessary in these days.I'd love to rewrite it to vanilla javascript which seems not to be very complicated.


Works like a charm.

This simple plugin create Drag & Drop or choose Multiple File upload in your Confact Form 7 Forms.

Form Builder Blocks vs Drag and Drop Multiple File Upload for Contact Form 7