How To Use Elementor Various Form Fields | Elementor (2024)

This section of the Elementor Form widget lets you add and manage each of the form fields that will be included in the form. In addition to adding your content manually, many of the options also use Dynamic Tags. These tags allow you to retrieve WordPress data, or from plugin sources such as Advanced Custom Fields, or WooCommerce products. Items that have the ability to use dynamic data will have the “stack” icon beside the fields input.

Form Name – Name the form.

Form Fields – A list of the fields in your form. You can duplicate, add or delete fields as you please. You can drag and drop to change their order.

Click on a field to view its settings.

  1. Type – Choose the type of field you want
  2. Label – The name of the field, displayed on the form and on the email you receive from the user.
  3. Placeholder – The frontend display name of the field.
  4. Required – Switch it on to set the field as a Required field.
  5. Column Width – Lets you set the width of the field. If you want a form with two fields in one row – set each field to 50%.

Types of Fields

  1. Text – A simple text field. i.e. Name
  2. Email – An email type. Includes validation for email
  3. Text Area – A textarea type. You can set the number of rows
  4. URL – A website URL field
  5. Tel – A telephone number type
  6. Radio – A radio type. Single choice. You can slide the Inline List for a horizontal style. Click for more options
  7. Select – A select type. Dropdown list of options. Can set to multiple selection. Click for more options
  8. Checkbox – A checkbox type. Check one or more options. You can slide the Inline List for a horizontal style. Click for more options
  9. Acceptance – Add a terms checkbox for the user to accept
  10. Number – A number type
  11. Date – Add a date picker field
  12. Time – Add a time picker field
  13. File Upload – Allow your users to upload files
  14. Password – Add a password field
  15. HTML – Add an HTML field
  16. Hidden – Add a hidden field. Hidden to the user, but visible to the Admin
  17. reCAPTCHA – Add a reCAPTCHA. reCAPTCHA verifies the user is not a robot
  18. Honeypot – Adds a Honeypot to your form. A honeypot is a hidden field designed as a decoy for spambots that are filling out forms. Humans won’t see the field, so they won’t fill it out. Because a bot cannot tell that the field is hidden, it will fill it out. If a honeypot field is not empty upon submission, the form is obviously a bot-filled spam submission and will be automatically rejected.
  1. Input Size – Set the height of the fields.
  2. Label – Show or hide the labels on the form.

Learn more about the Form Widget (Pro)

Note: All field error messages are controlled by the browser.

More Form Options

This page outlines the FormFieldsoptions. For other Form options, click one of the links below:

CONTENT

  1. Form Fields
  2. Submit Button
  3. Actions after submit
  4. Additional Options

STYLE

  1. Form
  2. Field
  3. Button
  4. Messages
How To Use Elementor Various Form Fields | Elementor (2024)
Top Articles
Latest Posts
Article information

Author: Terence Hammes MD

Last Updated:

Views: 5814

Rating: 4.9 / 5 (69 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Terence Hammes MD

Birthday: 1992-04-11

Address: Suite 408 9446 Mercy Mews, West Roxie, CT 04904

Phone: +50312511349175

Job: Product Consulting Liaison

Hobby: Jogging, Motor sports, Nordic skating, Jigsaw puzzles, Bird watching, Nordic skating, Sculpting

Introduction: My name is Terence Hammes MD, I am a inexpensive, energetic, jolly, faithful, cheerful, proud, rich person who loves writing and wants to share my knowledge and understanding with you.