hashthemes

Unleash the power of creativity and interaction with Hash Form. With its user friendly interface and robust features, you can effortlessly design custom forms that cater to your specific needs. Whether you’re looking to gather user feedback, conduct surveys, or enable easy contact options, this plugin offers an intuitive drag and drop interface that lets you craft visually appealing forms without any coding expertise. This plugin is your all in one solution for seamlessly embedding forms that resonate with your brand’s aesthetics. Every aspect of form design is customizable, from choosing color schemes to selecting field types, ensuring a cohesive and professional look that aligns with your website’s design. Whether you’re a beginner or an experienced developer, Form’s versatility empowers you to experiment, iterate, and create forms that not only serve their functional purpose but also elevate the overall user experience.
This plugin is built with beginners in mind. Even if you’re not a tech wizard, you can effortlessly create fantastic forms without dealing with complicated code!
But wait, there’s more – once your form is set, the power is in your hands to customize every detail. Adjust the font size, letter spacing, and line height. Choose the color scheme that suits your taste, and set the spacing for rows and columns with ease. Our customization options allow you to make your form uniquely yours in a breeze! No need for generic designs, tailor your form to your liking effortlessly.
<h3>Test Dashboard</h3>
Explore a test dashboard to get a hands on experience with our features and functionalities. Visit <a href="https://tastewp.com/plugins/hash-form/" rel="nofollow ugc">Test Dashboard</a> to access the test environment.
Feel free to experiment, and if you have any feedback or encounter issues, please let us know through our support tickets.
<h3>Documentation</h3>
For detailed information and instructions, please refer to our official documentation at <a href="https://hashthemes.com/documentation/hash-form-drag-and-drop-form-builder-documentation/" rel="nofollow ugc">Hash Form Documentation</a>.
If you have any questions or need further assistance, feel free to reach out to our support team through support tickets.
<h3>Available Fields Types</h3>
Customize your contact forms effortlessly with our drag and drop field types. Let’s explore the various field types and understand their functionalities.
<ul>
<li>Name: The Name field provides flexibility for collecting names in various formats, such as Full Name, First Last, Last First, and First Middle Last.</li>
<li>Email: The email field type serves the purpose of collecting users’ email addresses, enabling communication for notifications about upcoming events or responding to any inquiries they may have. </li>
<li>Website/URL: Add a ‘Website/URL’ field in your contact form for users to share their website addresses, providing context for inquiries and networking.</li>
<li>Address: Users can provide their complete address by filling in these fields, offering a comprehensive way to collect location information. This can be particularly useful for various purposes such as event planning, shipping, or personalized communication.</li>
<li>Text Area: The textarea element is commonly employed in forms to gather user inputs such as comments or reviews. Unlike single line input fields, a text area can accommodate an unlimited number of characters. </li>
<li>Checkbox: Checkboxes provide users with the flexibility to choose from a range of options, enabling the easy selection of preferences. This feature helps in distinctly capturing user choices, streamlining the data collection process for enhanced efficiency.</li>
<li>Dropdown: In a contact form, a dropdown appears as a compact menu with a default option. Users can click or tap to reveal and choose from a list of options.</li>
<li>Radio Buttons: Radio buttons in a contact form are circular elements for selecting a single option from a set. Users can choose only one option, making them ideal for questions with mutually exclusive answers.</li>
<li>Image Selector: The Image Selector feature enables you to integrate pictures into your contact forms, serving as visual representations of available options. Users can conveniently choose their preferred selection by interacting with the images provided.</li>
<li>Range Slider: A range slider is a UI element with two draggable handles, allowing users to set numeric ranges visually. Widely used in applications for data filtering and preference setting, it offers an intuitive and visually engaging way for users to define their numeric preferences.</li>
<li>Star: Gather user ratings with a star based input, perfect for feedback or reviews.</li>
<li>Phone: Collect customer contact details with the convenient phone field type, streamlining communication for your online platform.</li>
<li>Date and Time: Capture specific dates and times, crucial for scheduling or event related details</li>
<li>HTML: Embed custom HTML code, providing flexibility for advanced customization.</li>
<li>ReCAPTCHA: ReCAPTCHA holds significant importance in the context of a contact form. It acts as a crucial security layer, discerning between human users and automated bots. By incorporating challenges like distorted characters or image selections, it effectively thwarts spam submissions and safeguards the form from malicious activities.</li>
<li>User ID: The User ID field is designed to store the ID number of a logged in user upon form submission. This functionality facilitates the linkage of submitted entries to specific users on your website, enhancing the organization and association of user generated content.</li>
<li>Hidden: A hidden field enables web developers to incorporate data that remains unseen and unmodifiable by users during form submission. Typically, a hidden field stores information such as the database record that requires updating upon form submission.</li>
<li>Heading: You have the flexibility to select suitable headings for your titles, similar to the formatting options available in WordPress. Choose from a range of heading levels, including H1, H2, H3, H4, H5, and H6.</li>
<li>Paragraph: Add descriptive text for instructions or additional information.</li>
<li>Separator: A separator is a dividing line in form. Choose styles like solid, double, dotted, dashed, groove, and ridge for customization.</li>
<li>Spacer: A spacer is a useful tool for creating gaps between elements in a contact form. It allows you to add space by specifying the number of pixels.</li>
<li>Image: The Image section in your contact form enables you to incorporate pictures, providing users with visual context about the content or purpose of the form.</li>
<li>Spinner: The Spinner element provides users with an intuitive interface to easily select numeric values by spinning a control mechanism.</li>
<li>Number: The Number Field is employed to gather numeric values, encompassing integers, decimals, or percentages. Users are restricted to inputting only numerical data into this field.</li>
<li>Upload: This feature allows respondents to effortlessly submit diverse files, enriching data collection with images, documents, or other relevant attachments. Seamlessly integrated into the form, the upload field ensures an intuitive experience, and submitted files can be securely managed for further analysis or processing.</li>
</ul>
<h3>Drag and Drop Elements to Create Contact Forms</h3>
Effortlessly design forms in a snap with our user friendly drag and drop feature. No design skills are required – our easy row and column alignment ensures a polished and professional look for your forms. Creating stunning forms has never been this simple!
<h3>Beginner Friendly</h3>
This plugin is a breeze for everyone, even if you’re not a tech pro. No coding is needed! Design awesome forms effortlessly, and with our friendly support team, you’re never alone. Whether it’s a tiny question or a bigger issue, we’re here to guide you through building your forms with ease!
<h3>Missed Out on Email Replies? Don’t Worry!</h3>
Ever get lost in the daily hustle and miss replying to emails? We’ve got your back! Introducing Auto Responder – a friendly feature to shoot back a quick message, letting your customers know you’ve got their queries in your sights and will get back to them soon.
<h3>Confirmation Messages</h3>
As users send in their queries and tap the Submit button, our contact form swiftly responds with a reassuring confirmation message. It’s a way of letting them know their message is on its way and will be responded to in no time
<h3>Conditional Logic</h3>
Conditional logic allows you to show or hide certain form fields or sections based on specific conditions or criteria. It adds a dynamic aspect to the form, allowing it to adapt and display different content depending on the user’s input.
<h3>Multiple Email Templates</h3>
The Multiple Email Templates feature in a contact form allows users to create and use various pre designed email templates for different purposes. Each template is associated with specific criteria, ensuring personalized and efficient responses to diverse inquiries. This feature streamlines communication enhances user experience, and may include automation and analytics for better performance tracking.
<h3>Email Entries</h3>
Our contact form is designed with a streamlined Email Entries feature, ensuring that email addresses and other essential information are effortlessly captured. This functionality allows you to seamlessly gather important details in one centralized location. Additionally, you’ll be notified in case email delivery encounters any issues, ensuring you stay informed and connected with your audience effortlessly.
<h3>Design Your Form Exactly to Your Liking</h3>
Once your form is created, the power is in your hands to customize every detail. From typography adjustments like font size, letter spacing, and line height to choosing the color scheme, and even specifying the spacing for rows and columns – make it uniquely yours with complete freedom! This custom feature gives you the liberty to make your own unique form in no time.
<h3>Import/ Export Forms</h3>
Take control of your forms by exporting and importing settings seamlessly. Whether you’re moving within the same site or venturing into a new one, it’s a breeze – export your settings and import them hassle free.

Hash Form – Drag & Drop Form Builder

Create any kind of forms effortlessly with Hash Form – the ultimate drag & drop form builder plugin for WordPress.

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 PRO version.
<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/purchase-plugin/" 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/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>
<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>
</ul>
<h3>Donations</h3>
Would you like to support the advancement of this plugin? <a href="http://codedropz.com/donation" rel="nofollow ugc">Donate</a>

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.

Hash Form – Drag & Drop Form Builder vs Drag and Drop Multiple File Upload for Contact Form 7