Contact Form 7 Star Rating (Pro)
Enhance Your Forms with an Easy-to-Use Star Rating System!
Quick and Easy Implementation
Set a custom number of stars (e.g., 3-star, 5-star, 10-star) and define precise rating increments, including half-stars or decimal values.
Fully Customizable Star Rating Field
Modify the star design, color, size, and shape to match your website’s branding and enhance visual appeal.
Customizable Form Styler
With the Form Styler, you can adjust colors, fonts, layouts, and more, ensuring your forms look great on every device.
Smooth Integration
Enjoy full compatibility with a range of powerful addons, including redirects, columns, autocomplete, repeaters, and more.
A Sneak Peek of the Backend Editing Panel
Take a closer look at how easy it is to manage and build Contact Form 7 Star Rating Pro, contact form 7 multiple Star Rating form. Click to enlarge the image and explore the intuitive controls that give you full flexibility over your form's design and structure.
Don’t like the icon? No Problem. You can use any icons you want from Font Awesome (See demo above). Just add the Icon Class, that’s it.
Select Form: Select which form you want to use for the Review form.
Review Style: Currently, we have one default style. we will add more style in the future.
Reviewer Name: Select the Field in which one you want to use for the reviewer name.
Reviewer Image: Select the file field for the reviewer image.
Review Title: Select the form field for the review title. it will display the review title.
Review Rating: Select the review rating field that will add the stars for the review.
Review Details: Details field will allow you to add the review descriptions in the review form.
Style options: You can add an extra class for the custom design. reviews can be selected to 2, 3, or 4 columns. if you enable hide disabled review then only admin-approved reviews will be displayed only to the frontend. if you enable show form then the form will display under the reviews. The carousel option will add a carousel slider for reviews.
Form Sample Code
[uacf7-row][uacf7-col col:6] <label> Your Rating (Style One) [uacf7_star_rating rating icon:star2 "style-one"] </label> [/uacf7-col][uacf7-col col:6] <label> Your Rating (Style Two) [uacf7_star_rating rating icon:heart "style-two"] </label> [/uacf7-col][/uacf7-row] [uacf7-row][uacf7-col col:6] <label> Your Rating (Style Three) [uacf7_star_rating rating icon:thumbs "style-three"] </label> [/uacf7-col][uacf7-col col:6] <label> Your Rating (Style Four) [uacf7_star_rating rating icon:smile "style-four"] </label> [/uacf7-col][/uacf7-row] [uacf7-row][uacf7-col col:6] <label> Your Rating (Style Five) [uacf7_star_rating rating icon:ok "style-five"] </label> [/uacf7-col][uacf7-col col:6] <label> Your Rating (Font Awesome Example) [uacf7_star_rating rating class:fab class:fa-angellist "style-six"] </label> [/uacf7-col][/uacf7-row] [uacf7-row][uacf7-col col:6] <label> Your Rating (Font Awesome Example) [uacf7_star_rating rating class:fab class:fa-apple "style-seven"] </label> [/uacf7-col][uacf7-col col:6] <label> Your Rating (Font Awesome Example) [uacf7_star_rating rating class:fas class:fa-bread-slice "style-eight"] </label> [/uacf7-col][/uacf7-row] [uacf7-row][uacf7-col col:6] <label> Your Rating (Font Awesome Example) [uacf7_star_rating rating class:fas class:fa-bread-slice "style-nine"] </label> [/uacf7-col][uacf7-col col:6] <label> Your Rating (Font Awesome Example) [uacf7_star_rating rating class:fas class:fa-bread-slice "style-ten"] </label> [/uacf7-col][/uacf7-row] <label> Your Testimonial / Feedback [textarea your-message] </label> [submit "Submit"]
Are you looking for Flexible / Custom Columns?
How to setup Contact Form 7 Star Rating (Pro)
Building Contact Form 7 Star Rating has never been easier! Watch the video to see how seamlessly it all comes together.
FAQ for Contact Form 7 Star Rating (Pro)
Can I customize the appearance of the star rating field?
Yes! You can change:
- Star colors, size, and shapes
- Background and hover effects
- Spacing between stars
- Custom icons instead of stars (like thumbs-up, hearts, or emojis)
How is the Pro version different from the free version?
The Pro version includes advanced customization options such as:
- Custom star icons (emojis, images, or font icons)
- Adjustable star count (3-star, 5-star, 10-star, etc.)
- Half-star and decimal rating support
- Custom tooltips and labels
- WooCommerce integration for product reviews
- Rating display in email notifications
Can I customize the appearance of the star rating field?
Yes! You can change:
- Star colors, size, and shapes
- Background and hover effects
- Spacing between starsCustom icons instead of stars (like thumbs-up, hearts, or emojis)
Can users see the selected rating in real time?
Yes! The selected rating updates instantly, providing users with real-time visual feedback.
Can I add multiple star rating fields in the same form?
Yes! You can add multiple rating fields to allow users to rate different aspects, such as product quality, customer service, and ease of use.
Can I display user ratings as testimonials?
Yes! You can integrate the addon with testimonial display plugins to show collected ratings on your website.
Can I use conditional logic with star ratings?
Yes! The addon works with Conditional Fields for Contact Form 7, allowing you to display additional questions based on the selected rating.
Does the addon support pre-filled ratings?
Yes! You can set default ratings or pre-populate values based on previous submissions or user profiles.
Discover More Powerful Features!
Love this feature? You’ll be pleased to know that there’s a whole range of other powerful addons which works perfectly with our Contact Form 7 Star Rating Pro.
Conditional Field
Show or hide Contact Form 7 fields based on Conditional Logic, compatible with Checkbox and Range Slider.
Conditional Redirect
Redirect user to a specific page after submission based on condition. e.g. Condition A user goes to abc.com and Condition B user goes to xyz.com
Database
The Database addon helps store form data, view data in the admin backend, and export data in CSV format.
Form Styler (Single)
Style your entire form without any CSS coding, including colors, margins, button styles, and font sizes.
Autocomplete Country, City, State, Zip Fields
Set up IP Geolocation-based Auto Complete for Country, City, State, Zip Fields on Contact Form 7.
WooCommerce Checkout
Choose a product from the dropdown field, submit the form, and get redirected to the WooCommerce Cart page with the product added automatically.