How to add Rating Field in Elementor Form

You can easily add a Rating field inside your Elementor Pro form. Please just follow these steps:

• Firstly, make sure you have "Turned on" the Rating Field in the WordPress Admin Panel > Elementor > Advanced Fields > Form Elements Tab.

• Search "Form" inside the Elementor widgets section.

• It will create a form with the default three fields.

• Select "Rating" field type.

• Required: Specifies whether providing a rating is mandatory for form submission.

• Number of Stars: Sets the total number of stars displayed for the rating.

• Icon: Defines the type of icon used for the rating.

• Unmarked Style: Specifies how unmarked (non-selected) icons are displayed.

• Precision Modes: Determines the precision for rating selection.

  • Full (default): Allows selection of whole stars only (e.g., 1, 2, 3 stars).

  • Half: Allows selection of half-stars (e.g., 2.5 stars).

  • Quarter: Allows selection of quarter-stars (e.g., 2.25, 2.75 stars).

  • Exact: Allows selection with precise fractions.

• Show Value: Toggles the display of the numeric value of the selected rating.

• Quiet: Controls whether the hover animation on stars is enabled.

---

• Now click on the "Advanced" tab.

• Default Value: It lets you choose the default value of the Rating field.

---

• The style settings are inside the style tab of the form widget.

• Size: Adjusts the size of the rating icons.

• Spacing: Defines the spacing between the rating icons.

• Marked Color: Specifies the color of selected (marked) icons.

• Unmarked Color: Sets the color of unselected (unmarked) icons.

Video Overview