Hash Form – Drag & Drop Form Builder vs Smart Forms – when you need more than just a contact form

Hash Form is a free drag and drop form builder for WordPress. Build a form, style it to match your site, and embed it anywhere, with no code and no paywall on the features you actually need. Use it for contact, feedback, survey, registration and quote forms. Drag fields onto a row and column canvas, set the styling, add conditional logic, and publish. The full field set, entry storage, styling and email tools are all in the free plugin, not held back for a paid tier. Forms You Can Build Hash Form is not tied to one type of form. The same canvas and field set cover a two field contact box and a long, multi section application. Contact and enquiry forms: name, email, phone and message, with the built in captcha keeping spam out. Feedback and review forms: star ratings alongside open comments, so you collect a score and the reason behind it. Surveys and questionnaires: radio, checkbox, dropdown, image choice and range slider questions, with conditional logic revealing follow up questions only when they apply. Registration and sign up forms: events, memberships, courses, workshops or a simple newsletter opt in. Quote and estimate requests: number, dropdown and slider fields that size a job properly before you reply to it. Booking and appointment requests: date and time fields for reservations, consultations and callback slots. Job applications: address and date fields with a file upload for a CV, cover letter or portfolio. Support and helpdesk tickets: category dropdowns, priority options and screenshot uploads. File submission forms: collect documents, images or artwork through an upload field limited to the types you allow. Order and request forms: quantity spinners and product choices for made to order, wholesale or catering enquiries. Polls and votes: single choice questions, including image based options. Whatever the form, every submission is stored as an entry on your own site and can be emailed to whoever needs to see it. What You Get Free, and not limited: 27 field types, unlimited forms and unlimited entries, with no upgrade wall on everyday features. A real canvas: arrange fields in rows and columns, not a fixed single column. Full design control: set typography, colour and spacing, then save it as a style template you reuse across forms. Entries kept on your site: every submission is stored and searchable, so a missed email never loses a lead. Embed anywhere: a shortcode, the Gutenberg block, or the Elementor widget. Privacy option: turn off Google font requests so forms do not share visitor data by default. Available Field Types Assemble any form from a full set of drag and drop, fully styleable fields. Name: The Name field provides flexibility for collecting names in various formats, such as Full Name, First Last, Last First, and First Middle Last. 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. Website/URL: Add a ‘Website/URL’ field in your contact form for users to share their website addresses, providing context for inquiries and networking. 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. Text: The single line text field collects short, free form answers that fit on one line, such as a name, a subject, or a reference number. 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. 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. 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. 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. 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. 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. Star: Gather user ratings with a star based input, perfect for feedback or reviews. Phone: Collect customer contact details with the convenient phone field type, streamlining communication for your online platform. Date and Time: Capture specific dates and times, crucial for scheduling or event related details HTML: Embed custom HTML code, providing flexibility for advanced customization. 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. 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. 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. 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. Paragraph: Add descriptive text for instructions or additional information. Separator: A separator is a dividing line in form. Choose styles like solid, double, dotted, dashed, groove, and ridge for customization. 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. 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. Spinner: The Spinner element provides users with an intuitive interface to easily select numeric values by spinning a control mechanism. 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. 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. Drag and Drop Builder Arrange fields on a row and column canvas, reorder them by dragging, and get a responsive layout without writing code. Design and Style Templates Control typography, colour and spacing down to the detail, then save the result as a style template and apply it to any form so your forms stay consistent across the site. Conditional Logic Show or hide fields based on earlier answers, so each form stays short and relevant to the person filling it in. Entry Management Every submission is saved and listed on an Entries screen. Read answers, star the ones worth following up, search, and trash entries from one place. Email Notifications and Auto Responder Get notified on every submission, and send an automatic reply so visitors know their message arrived. Email Templates Choose from several email templates, add a header image, and send a test email before you go live. Confirmation Messages Show a confirmation message after a submission, or redirect the visitor to any page you choose. Embed Anywhere Add a form with a shortcode, the Gutenberg block, or the Elementor widget, whichever suits how you build. Spam Protection Built in Google reCAPTCHA v2 and v3, with language and, for v3, score threshold settings. Reliable Email Delivery Works with WP Mail SMTP so notifications send over a configured SMTP connection rather than the server’s default mailer. Import and Export Export a form to a file and import it on another site, without rebuilding it. Test It First Try every feature in a live sandbox at the Hash Form test dashboard before you install. Documentation and Support Step by step guides and reference are in the Hash Form documentation. For anything else, our support team is available through support tickets.

Smart Forms Want to see a demo? Click here Want to create a form with calculations? This is the best plugin for you And Here Is Why So you want to create a beautiful form, the problem is, you are not a developer and of course you have no time to learn any of that?, well, if that is you (or your client) this is the plugin for you. This plugin is focused in making really easy the process of creating your forms, with it you can add formulas to calculate totals (it doesn’t matter if your totals require complex calculations) or show the fields that you need just when you need them. Emailing is easy, you can even send different types of emails to different persons at the same time, again no coding needed at all since everything is configured in a friendly screen. You do know programing or web development? That’s fine!, even though it is not needed, because there is a friendly interface for everything, you can still use those skills to add custom css or javascript code into your form and tweak it as you want it. If you want to learn more keep reading, there is a list of features bellow, or even better check out the video tutorials here: http://smartforms.rednao.com/tutorials. I hope you like it =). Features: Responsive Forms– The forms adjust automatically to available space, making them look great in a pc or any device. Shortcode Forms– The forms can be easily added to any post or page using a shortcode or block. Forms Entry Screen– Easily view responses you can also edit them. Export to pdf or csv– Export the submitted information as pdf or csv. Customizable forms emails– After a form is submitted, send notification email with any information, and in any format that you need. Conditional emails– Configure a type of email to be send only when a condition is met Calculated forms fields– Formulas fill fields automatically (up to three fields per formula in the free version) Custom forms fields– The plugin currently supports these custom forms elements: name, phone, email, address, number, captcha (free version support up to 8 fields per form). File Uploader (pro)– Allows you to upload files in a form; you can configure the form to accept only one file or multiple files. Conditional Logic– Show and hide fields depending on values in other fields; allows you to have an all-in-one form all in one place, instead of in multiple pages; prevents forms from overwhelming users. Tons of icons to decorate your form– Create awesome forms with more than 200 icons; more coming soon. Style editor– Change the aspect of your form with the build-in style editor, or if you are a designer create your own css rules easily. JavaScript editor_ Create your own JavaScript code and customize your form exactly as you want it. Forms Compatible with Smart donations– – You can create paypal forms with this plugin, and also enjoy all the power of smart donations (https://wordpress.org/plugins/smart-donations/, a smart donation license is required). Multiple Step Forms(pro)– Split your forms in section, making them easier to understand and submit. Smart forms quick tutorials Special thanks to Designmodo – https://www.iconfinder.com/icons/115789/trash_icon#size=16 Installing Smart Forms 1. Upload smart forms to the /wp-content/plugins/ directory 2. Activate the item named ‘smart forms’ in the ‘Plugins’ menu in WordPress 3. Go to Smart Forms /Add new and create a new form 4. To add the form to a widget go to widgets and drag the smart form widget 5. To add the form to a post type [sform]formid[/sform] (example:[sform]1[/sform]), you can find the formid of your form on the form list Creating a new Forms 1. Follow “Installing Smart Forms” 2. Click in smart forms 3. Click in add new 4. Drag the forms elements that you want to display 3. (Optional) If you want to do an additional action after a form is submitted. Go to the forms after submit tab, you can: a)Send a notification email with the form information b)Show an alert with the text that you want. This alert is shown after the form was successfully saved. c)Redireect the user that submitted the form to another page. 4. Save the form. 5. After the form is saved you might want to add the form to a post (Follow “Add form to a post”) or add the form to a widget (Follow “Add form to a widget”) 6. For a video tutorial please visit the smart forms tutorial screen Add the form to a post 1. Follow “Installing Smart Forms” 2. Follow “Creating a new Form” to have your new form. 3. Go to a page or post 4. Click in the smart forms button 5. A pop up will show with the list of forms that you have created in Smart Forms. Select the form that you want. 6. Save the post. 7. When you visit the post the form will show up 8. For a video tutorial please visit the smart forms tutorial screen Add the form as a widget 1. Follow “Installing Smart Forms” 2. Follow “Creating a new Form” to have your new form. 3. Go to the widget configuration 4. You will see an Smart Forms widget, drag it to wherever you want to display the form 5. The widget will contain the list of all the forms that you have created with Smart Forms. 6. Select the form that you want 7. The widget will display the form 8. For a video tutorial please visit the smart forms tutorial screen Configuring forms notification email 1. Follow “Installing Smart Forms” 2. Click in smart forms 3. Click in add new 4. Drag the forms elements that you want 5. Go to edit email (in the forms after submit tab) 6. Configure the email as you want it. You can click in the field buttons to add form values 7. Put the emails that you want to be notified of a form submission in the “Send email to” box, you can also define a form field. 8. Save the form 9. For a video tutorial please visit the smart forms tutorial screen