Rating Field
Make your forms more engaging with interactive rating fields.
The Rating Field add-on lets users leave feedback using stars, hearts, thumbs, smiley faces or custom images. Perfect for reviews, surveys, or satisfaction forms.
With multiple styles to choose from, you can match the look and feel of your site while collecting valuable insights effortlessly.
Features
Add rating fields to any form easily to collect feedback and user satisfaction.
Includes predefined styles like stars, hearts, thumbs, or smiley faces.
Supports custom icons to perfectly match your site’s style and branding.
Personalize your rating fields with custom colors, sizes, and styles.
Optimized for smooth use on phones, tablets, and desktops.
Perfect for reviews, surveys, polls, and satisfaction tracking.
Demo
<h2>Custom Icons</h2>
[row]
[column]
[rating name="custom_icon" icon="https://bbforms.com/wp-content/uploads/2025/09/luz-del-sol.png" icon_off="https://bbforms.com/wp-content/uploads/2025/09/lluvia.png" max="5" value="3" label="Custom Icons"]
[/column]
[column]
[rating name="custom_icon_color" icon="https://bbforms.com/wp-content/uploads/2025/09/luz-del-sol.png" icon_off="https://bbforms.com/wp-content/uploads/2025/09/lluvia.png" color="#800080" color_off="#008000" max="5" value="3" label="Custom Icons & Colors"]
[/column]
[column]
[/column]
[/row]
<hr>
<h2>Predefined Styles</h2>
[row]
[column]
[rating name="star" icon="star" max="5" value="3" label="Stars"]
[/column]
[column]
[rating name="heart" icon="heart" max="5" value="3" label="Hearts"]
[/column]
[column]
[rating name="check" icon="check" max="5" value="3" label="Checks"]
[/column]
[/row]
[row]
[column]
[rating name="thumb_up" icon="thumb_up" max="5" value="3" label="Thumbs Up"]
[/column]
[column]
[rating name="thumb_down" icon="thumb_down" max="5" value="3" label="Thumbs Down"]
[/column]
[column]
[rating name="radio" icon="radio" max="5" value="3" label="Radios"]
[/column]
[/row]
[row]
[column]
[rating name="face" icon="face" max="5" value="3" label="Faces"]
[/column]
[column]
[rating name="happy" icon="happy" max="5" value="3" label="Happy Faces"]
[/column]
[column]
[rating name="sad" icon="sad" max="5" value="3" label="Sad Faces"]
[/column]
[/row]
<hr>
<h2>Customized Predefined Styles</h2>
[row]
[column]
[rating name="custom_1" icon="heart" icon_off="radio_empty" max="5" value="3" label="Custom Icons"]
[/column]
[column]
[rating name="custom_2" icon="star" color="#ff54f1" color_off="#e0a2f7" max="5" value="3" label="Custom Colors"]
[/column]
[column]
[rating name="custom_3" icon="happy" icon_off="thumb_down_empty" color="#008000" color_off="#800080" max="5" value="3" label="Custom Icons & Colors"]
[/column]
[/row]
<hr>
<h2>Maximum Rating & Initial Value</h2>
[row]
[column]
[rating name="max_3" icon="star" max="3" value="0" label="Max 3 & Value 0"]
[/column]
[column]
[rating name="max_5" icon="star" max="5" value="3" label="Max 5 & Value 3"]
[/column]
[column]
[rating name="max_10" icon="star" max="10" value="5" label="Max 10 & Value 5"]
[/column]
[/row]
<hr>
<h2>Custom Sizes</h2>
[row]
[column]
[rating name="size_18" icon="heart" max="5" value="3" width="18" height="18" label="18 pixels"]
[/column]
[column]
[rating name="size_32" icon="heart" max="5" value="3" width="32" height="32" label="32 pixels (default)"]
[/column]
[column]
[rating name="size_48" icon="heart" max="5" value="3" width="48" height="48" label="48 pixels"]
[/column]
[/row]
<hr>
<h2>Required Rating Field</h2>
[rating* name="required" icon="heart" color="#ff54f1" color_off="#e0a2f7" max="5" label="Did you liked BBForms - Rating Field?"]
[submit value="Submit"]