Advanced Form Fields Are Here – Create Any Type of Form Faster

Today, we are introducing several features to the Elementor Form widget, including 6 new fields: File upload, Acceptance checkbox, Date & Time pickers, Password and HTML fields.

The Form widget was one of the first widgets included in Elementor Pro when it was first launched. Since then, we have added many useful form features, like our recent integration to several marketing automation and CRM services.

Today, we are revamping Elementor forms, adding 6 new form fields, and extending the functionality of several existing fields. Using these new improvements, you can utilize Elementor’s visual form builder to design any type of form you desire.

Form file upload field
Form File Upload

File Upload

Hiring new employees? You’ll probably need your candidates’ CVs submitted with their application form. 

The new File Upload field lets your visitors upload files directly within the form.  

Elementor’s File upload is extremely flexible and offers a lot of customization options. These include:

  • Maximum upload file size: Limit the maximum file size you’ll receive. Although the absolute limit is set by your hosting provider, you can set a smaller limit using this control.
  • Allowed file types: Set which file types the user can upload. This is important in order to make sure you get the proper file from your users and to improve the security of the form.
  • Allowed multiple files: Let the user upload multiple files at once. Switching this on will add the ‘Maximum files’ control, which limits the number of uploaded files.
All uploaded files go through security and validations checks built in to Elementor forms, ensuring your website is never compromised.

File upload now available using #Elementor Form Builder for #WordPress 🤗

Form Acceptance Checkbox Field

Acceptance Field

The Acceptance field ensures your users accept certain requirements of your choosing. This requirement can be your Terms Of Use, authorization to send them emails, or any other approval, offering you future protection as a site owner. 

As expected from an acceptance field, you can set it to be a required field. You also have the option to set the acceptance field as checked by default.

Beside using this field as an acceptance field, it also functions as a single checkbox field that can be used for any other purpose.

Form Date Field

Date Field

The Date field lets users send a preferred date within their form submission. This is extremely practical for reservation based businesses like restaurants and hotels. You can set a minimum and maximum date, so it’s easier for the user to pick the correct date.

Switch on Native HTML5, so that the browser’s date picker is used instead of Elementor’s picker. On mobile devices, native HTML5 wil be used automatically, since native date pickers on mobile browsers are better supported.

Form time field

Time Field

The time field is similar to the date field, only the user selects a certain time of day instead of a date. You can actually combine the Time and Date fields inside the same form, to get the user to send you a specific point in time. As with the Date field, you have the option to turn on Native HTML5, so that the browser’s time picker is used instead of Elementor’s time picker.

Form HTML field
Form HTML field

HTML Field

Using Elementor forms, you probably got used to building the entire form visually. There are situations, however, where adding custom HTML straight to the form can be helpful. The new HTML field gives you the flexibility to add custom HTML to the form, a handy option for customizations, like adding custom coded titles inside forms.

Password Field

Use this field to let your visitors set a password using your form. It will enable users to type their passwords without showing the characters, for better security when filling in the field.

Design & Build Any Form On WordPress

Just imagine all the new things you can do with these features. Here are a few use cases you can quickly implement:

  • Find applicants for a job
  • Register guests for an event
  • Get your user's approval for your terms and conditions or newsletter
  • Add your own custom headlines inside the form
  • Let your users pick several products at a time
  • Get customer orders that fit your supply

All this is added to the already broad spectrum of possibilities available in the form builder.

Min & Max Validations for the Number

We added minimum and maximum values to the number field. This way, the user will only be able to submit a number within the range you specified. 

Let’s say you own an online slippers shop that only sends 2 to 10 pairs of slippers per order. With the Min and Max validations, you’ll be able to set the min max values within that 2-10 range, ensuring you never get a wrong order of slippers.

Telephone Validation

Email validation was already included in our forms, and now we also added phone validation. This way, only valid phone numbers can be submitted by the user.

The permitted characters include:

0-9  (  )  *  #  +  -  .

Multiple Selection for the Select Field

Once you switch on Multiple Selection for the Select field, the options in the select field will be visible to your user. The user can then submit several options at once, by selecting them in the field. You can also specify the number of rows that will appear visible for this field.

Get in Elementor Pro

Any Form. Any Design.

Forms play a substantial role for most websites, as it is your primary means of getting leads and conversions. 

So, it’s no surprise that over the past year, one of the most popular requests we received was related to extending our form builder capabilities.

This update was built after we analyzed your requests. Although this was a challenge, we managed to add all the new form features, while keeping the widget as visual and intuitive as ever.

If you’re already a Pro user, I invite you to extend your forms with the added functionality. If you still haven’t upgraded to Pro, now’s the time to join our premium community, and enjoy the best form builder in WordPress, along with many other amazing features.

About the Author

Ben Pines

Ben Pines is Elementor's CMO. He has been in the online marketing industry for over 10 years, specializing in content marketing. WordPress has been Ben's platform of choice since the time it was used solely for blogging.

207 Responses

  1. Very nice. I already started making the switch over from previous forms to elementor. I’m extremely happy I purchased elementor pro. Please continue to build and please do not forget to continue to build on the outstanding template library. You guys made my work so much easier.

  2. Finally!!! I really disliked cheating with other plugins cause needed the file upload feature. :p

    I will stop that right away. You guys are awesome!!!

    Thanks

  3. Does this store the data anywhere? If so that’s great – if not then it makes some of this kind of useless for me. I would love to have a great alternative to things like Gravity.

  4. Ben, again a killer feature! Elementor is becoming one of its kind page builder. So much time saved, so great useful functionalities to add to any restaurant, bar ot event website. Amazing inquiry forms could be build now with closed eyes and no extra heavy plugins to be installed.
    Thanks!

      1. Mine shows fully updated as well, with no option to update further in WordPress, but my version is 1.12.3 and these options are not available in my forms.

  5. Where do I have to place the code PHP-Code-snippet?
    Thanks for Elementor. For me, it is the best page builder out there!

    Thanks
    Thorsten

  6. Ben, the best just got better and another plugin has just been made redundant. Thank you. If I can add something to the wish list, conditional logic would be it. But, for now, thanks 🙏

  7. already done a small-scale application/qualification form: so much easier and more versatile than any number of customizable forms plugins I have tried and discarded in irritation…simple to use, but highly effective…

  8. Great work. I like the direction you guys are moving but getting to a level where I can remove Gravity Forms from my list of plugins that I have to use is still ways to go but as I said, you guys are def moving the right direction. I think the last 3/5 sites I have built have been OceanWP + Elementor.

  9. I fell in love with elementor from i started using WordPress a few months ago. Elementor has made me more confident in building my websites for my business. I am a elementor pro user and i encourage anyone who isn’t you should become a pro member. No hesitations

  10. Do you have hidden fields to pass data through for tracking purposes or for tags with regards to marketing autiomations?

  11. I think I really have done some good karma. Coz I was, from past few days, looking for premium form plugins like Quform2, Ninja Forms, Gravity Forms and many more. And was just about to buy one of them even though I have elementor pro. I was always thinking why I am forced to buy another premium plugin to generate more leads and conversions. But I somehow comtrolled myself and used Elementor pro form widget as it was before this update and decided to wait longer before I could spend some more money.
    And there it is. So glad, so thankful, so everything good that elementor brought this up just when I needed it the most. I did not want buy some fake or unreliable leads from other companies. And wanted to create some beautiful strategically placed forms on my site to create pure leads for me only.

    I hope I would be able to do it well now with good SEO optimization and Elementor Pro Form Widget.

    (My new website is not live right now as I am making major changes with rebranding and redesigning all from scratch. All with WordPress, OceanWP, Elementor Pro and Slider Revolution – the site live right now is built on wix website builder)

    Thanks Elementor once again.

  12. Thanks Ben!! Elementor and these upgrades are so on point, we are already using it in ourselves and recommending it to our SEO clients – well done!

  13. These are simple HTML fields. Would be nice to finally see some advanced fields, indeed.
    For example conditionally shown sections, dependant on value of checkbox or select, or sections that are multiplicated by number from a number field.
    Also an action of type “fire a script” would be nice to see in “Actions After Submit” section.

  14. Hi Ben! Thanks for your work! I’m very glad and my subscribers will be too =)

    Please don’t forget about Google Analytics and Yandex Metrika goals event tracking for the forms and buttons. There is an issue about it on github from me. My subscribers asks about it almost every day.

  15. Very nice! Step by step I can reduce the number of plugins on a few sites! Will there be a possibility for front end post submission sometime in the future?
    Btw: we would love to have your blogposts featured on World of WordPress. It uses Elementor too…

  16. Great. Just what I needed. Tomorrow I will translate your Post into Spanish at webdedicado.com. I have already translated some of the posts. Planning to translate all of them for the Spanish speaking.

  17. Ben, this is a very great upgrade! However, it just needs “conditional logic” for me to ditch gravity forms forever. Thanks for always working for the community.

  18. This is Great News Ben Pines + team:

    Form info is sensitive and my host service provider wants me to buy SSL Certificate to encrypt form sender transmissions.
    But its expensive especial over multiple site where each site is a separate charge.

    Also they say Google is ranking SSL over non-SSL (all other things being equal) – a SEO benefit.

    Q: Do you recommend buying SSL Certificates ?

    1. The best hosting companies provides free ssl for unlimited domains via Let’s Encrypt. The SSL certificate renews every 90 days but it’s totally free. Let’s Encrypt runs on donations from tech companies. If you’re using Siteground for example, all it takes is ONE click to install. Don’t need to go through the lengthy and complex process when you buy an SSL certificate. ENJOY 🙂

  19. Hi Ben, perfect timing for the form update. I was wondering if the date format can be made to read month / day/ year when using the non-html5 version. And, can the time be switched from 24 hr/military time format to display in 12 hr?

  20. Thanks Ben and team. This is awesome.

    Is it possible to run some custom PHP to populate a drop down list, based on the selection of the first value in another form field.

    For example, If the user select US in the country field, we show New York, Houston. And if the user selects UK, we show the UK cities in the second dropdown (programmatically loading the cities from PHP, based on the country)

  21. Do you know if image pagination and more Lightbox customization is going to be added any time soon? Also is it possible to have a low quality image load for the gallery thumbnail and then a separate, larger image for the lightbox? I don’t want to buy a gallery plugin lol. Love where you’re going with this builder! I can keep deleting other plugins:)

    1. Image pagination and lightbox customization are probably not coming in the very near future I’m afraid. Regarding thumbnails, that’s a good suggestion I’ll pass it along

  22. My private hosted site threw up a fatal code today. Could it be related to the new addition?

    Fatal error: Can’t use method return value in write context in /mnt/HD/HD_a2/Nas_Prog/WordPress/WordPress/wp-content/plugins/elementor-pro/modules/share-buttons/module.php on line 144

  23. Nice, I have been waiting for the Date field. But in it current state it doesn’t allow me to select the language for frontend use. Kind regards.

  24. You can use the plugin mentioned by Jon or create a Zap (zapier.com) using webhooks to store the formdata in a Google Sheet!

  25. The new datepicker field looked very promising but proved to be completely useless to me. The placeholder text is automatically erased when using native HTML5. Support advised me not to use native HTML5. However on mobile native HTML5 can not be disabled, so on mobile all placeholder text is gone. On mobile i find placeholder text an absolute must to keep the form length acceptable. Have to stick to text fields to enter dates. Too bad.

    1. According to the HTML standard:

      The following content attributes must not be specified and do not apply to the element: accept, alt, checked, dirname, formaction, formenctype, formmethod, formnovalidate, formtarget, height, inputmode, maxlength, minlength, multiple, pattern, placeholder, size, src, and width.
      See: https://stackoverflow.com/questions/20321202/not-showing-placeholder-for-input-type-date-field
      You can achieve this text on mobile (even though it is not recommended) using JavaScript

      1. thanks ben – just as I checked my plugins this morning i saw on option to update elementor pro. i swear i had checked several times yesterday and it was all up to date. oh well, works now, thanks!

  26. Hi Ben, loving all these updates! Please add MailerLite as one of the options that we can connect with for email subscriptions. I know we already have mailchimp and convertkit, but please add MailerLite as well.

  27. 1) The added form fields are: File upload, Acceptance checkbox, Date picker, Time picker, Password, and HTML.
    Q) Where can I find a list of all of the allowed form fields (new and old)?
    2) “… extending the functionality of several existing fields.”
    Q) What does “functionality” mean?
    Q) Where can I find the an list of the current functionalities of the form fields?
    Thank you for your help.

  28. this is great! i needed some of these features.
    however something is missing with the “Acceptance field”.
    a link to the term page as acceptable.
    please add it.

  29. Hi Ben,
    Loving Elementor from the very beginning, I got Pro and never look back…
    Would you & your team consider launching a popup form (double optin type)? Elementor buttons deserve their own…

  30. Hi Ben,

    It is great feature and I really enjoy it. I just wonder one thing that it is possible if all data is automatic save in spreadsheet and we can download it.

    Thanks

  31. Ben.. why is it that I can’t see any of the new features (eg date select, autosave etc) albeit having the latest version of elementor?

  32. Looks like I can see the new features now.. but when trying to add date selector in form.. got the following error:

    Fatal error: Uncaught Error: Call to undefined method ElementorPro\Modules\Forms\Widgets\Form::add_script_depends() in /app/public/wp-content/plugins/elementor-pro/modules/forms/fields/field-base.php:20 Stack trace: #0 /app/public/wp-content/plugins/elementor-pro/modules/forms/fields/field-base.php(46): ElementorPro\Modules\Forms\Fields\Field_Base->add_assets_depends(Object(ElementorPro\Modules\Forms\Widgets\Form)) #1 /app/public/wp-includes/class-wp-hook.php(286): ElementorPro\Modules\Forms\Fields\Field_Base->field_render(Array, 2, Object(ElementorPro\Modules\Forms\Widgets\Form)) #2 /app/public/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(”, Array) #3 /app/public/wp-includes/plugin.php(453): WP_Hook->do_action(Array) #4 /app/public/wp-content/plugins/elementor-pro/modules/forms/widgets/form.php(1253): do_action(‘elementor_pro/f…’, Array, 2, Object(ElementorPro\Modules\Forms\Widgets\Form)) #5 /app/public/wp-content/plugins/elementor/includes/base/widget-base.php(378): ElementorPro\Modules\Forms\Widgets\Fo in /app/public/wp-content/plugins/elementor-pro/modules/forms/fields/field-base.php on line 20

  33. No, that is not road i would like to follow. Maybe it is an option not to force native HTML5 for mobile by default, but make this an option to be selected or not. (this will lose the possibility to take the browser language) To me it is basic that if you want to use a datepicker it should be able to take the browser language and have placeholder text. Maybe i am a demanding fellow, but without these two characteristics a datepicker is of no use to me. Will stick to the text fields.

  34. Hello, I am new to elementor but just purchased Pro version because of other peoples review online. Can you please guide me where can I find out all that elementor has to offer for its clients? Also any tutorials for newbies of elementor?
    Thanks in advance! 🙂

  35. Are You familiar with Ask Campaigns such as developed by Ryan Levesque? It’s a very popular way of marketing by asking questions to customize experience of visitor. He uses a company called Bucket.io for their specialized questionnaire system designed specifically for that, and includes data transfer to a spreadsheet program allowing deep analysis of the answers that come in. Some also say Google Forms combined with their spreadsheet allows a pretty good system, but requires a lot of customization. … SO, do you have any idea how well your form builder would perform in that function?

    Thank You Very Much

  36. I would love to have a “input” widget. With all the elementor styling options. Is that a possibilty? Basicly all the components of the Form as seperate widgets (or the option of removing the submit button)

  37. Hi, I am really enthousiast about working with elementor. Do you have a slider input formfield for number values? And is there an option for conditional fields, calculation values and preload of data from the database with magic tags? I suppose I am overasking now… 😉

  38. +100 and also Conversion tracking support for Facebook & Google Adwords!!!
    (generic Javascript Snippet would be even more awesome)

  39. Great product, i’m very satisfied with elementor pro features, specially with the form field. But one thing is missing greatly: conditional logic. With that you’ll be ahead of to the popular form plugins, and if you include payment gateways, you’re going to bury them.

  40. Hi Ben, loving Elementor generally and the forms are pretty cool. However, I’m struggling with documentation on injecting parameters – I’m using URL-param shortcodes and it works for options on checkboxes, select, etc… – however, I’d really like to insert it as the default value of a text field – e.g. to fill the subject line on an enquiry form based. Is this something we can do, and if not, is it something that might become available soon?

      1. Hi Ben, I think @Philip Brooks means – if you have a form on page called ‘support’, for example – the subject line is auto-populated by a message title like ‘Support Wanted’ and maybe the user is logged in and therefore the email can be auto-populated by the logged in user’s email address etc.

        These default values/variables would be possible to set in the form and of course the user could change them – or maybe not depending on settings. That way a logged in user can send a feedback form without having to type their email address in because we already have it.

        I also use Toolset and such variables can be generated using shortcodes like [wpv-user field=”user_email”]. ‘Placeholder’ does not translate such shortcodes in Elementor forms. And the shortcode field in Advanced tab seems to be used to set the field key. But such a feature would be good to make forms even more usable. However there is a host of great form plugins out there, so you lose no stars for the lack of this feature….

        Because what a fantastic job you guys are doing with this game-changer page-builder. Thanks and keep up the great work.

  41. Hi Ben, are you planning to add:

    1. Surveys and Polls Addon?
    2. Conditional logic (please!)
    3. Section divider or page break… please!, I used some form for my client discovery cuestionair and they could be really long, or, maybe i need to divider the “personal info” to the “questions” so it could be really nice to add a line divider parts of the form or even better a page break

  42. Great work as always. I would really like to have some sort of conditional logic though. I need the sales price to change depending on what options a customer chooses. If this can already be done can someone please point me in the right direction? If not, I look forward to future updates. Thanks 🙂

  43. I am wondering if the price table widget will integrate in the future an acceptance check box.

    It would be great to be able to use this check box in order to comply with the new european law, which obliges us to get the acceptance from the user of our terms and conditions, before clicking to purchase the product or service shown there.

      1. I also need that link. And also that the legal text (which is very long) to stick to the checkbox. And i would also like to define the size of this text (smaller)…

  44. hope in near future the elementor form can be used as an order form for services. people fill in the information, select options and pay. im building a proofreading website that needs this function…better yet, after payment, client can be registered and log into their client panel, and receive the order(proofreading) when the deadline come. currently still needs gravity form

  45. Is it possible to limit the date field to only show dates in the future? I can’t get it to work 🙁 (I could just manually set it to the current day, but then I’d have to change it every day manually…)

  46. Is it possible to customize what the user sees after they submit the form? I would like the form to then disappear with a thank you (not just the check mark with form submitted) Thanks!

  47. Hi! Is it possible to use a select field and validate as soon as user click an option, without need to click a button? I’m trying to do a select field to change language of a website and once it is selected i want to go directly to the page in that language. Thanks!

  48. Hey folks,

    Amazing works you have done thus far, love it! =)

    Question for you … is there any thought about maybe adding a option for PayPal within the forms? So then one could create a subscription form for an event or the like?

    Cheers
    Mike

  49. Hi, I have a doubt.

    Is it possible to change the message that is shown as an answer in the “Acceptance” box? by default it shows “On”, but I would like to change it to “If I accept” or a similar text.

    Thank you!!

  50. Is there a widget to add forms for payment? Once user selects a product, how do we close transaction through elementor tools?

  51. If payment is not possible through the form, can anyone recommend a 3rd party plugin that works with the elementor form and will take payment (pref via paypal). Thanks

  52. i need possibility to add custom label texts in my forms, not linked to field, something like the html box but without having to deal with html/css !

  53. Olá! Preciso colocar alguns formulários com cálculos no meu site. É possível fazer com o Elementor ou alguém conhece algum plugin de calculadora que seja compatível? Obrigada!

  54. Hello! I need to put some forms with calculations on my website. Is it possible to do with the Elementor form? Or a plugin indication that is compatible?

    1. At the moment it is not possible to do it with Elementor form. For forms with calculation fields you can use the Gravity Forms plugin.

  55. There is the possibility of making a field for the address. Detect the street or geolocalize the user. Could this be done? thank you very much!

    1. I would like this a lot, the ability to set a field with ACF to define the origin of the form and based on that add a cc email address to the form. My current workaround is to create multiple forms for each email address and then insert them into a page based on an ACF field containing the shortcode for the individual form…

      This would additionally allow me to pass a tag into the HelpScout system for automating support request forwarding, kind of essential to me,….

  56. I would like to have the option where the customer in sending a message via the form also has the option to check a box to also sign up for our mailing list, we use the mailoptin plugin but this at the moment is only a definable action and not conditional on a checkbox being marked as yes…

  57. This is gold! Love elementor pro! But we are really missing advanced form validation… like see that the content of two fields matches (two email fields) ortwo date fields to check that the one date must be before the second. Also it would be great to also allow DDMMYY formats.

Leave a Reply