How to add Rating Field in Elementor Form
Last updated
Last updated
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.
