Initial release. Install and start collecting star ratings inside your Contact Form 7 forms today. Upgrade to Pro for custom star counts, cancel buttons, custom icon styles, and single-star selection mode.<\/p>"},"ratings":{"1":2,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3475275,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3475275,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3475275,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3475275,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"Screenshot-1.png":{"filename":"Screenshot-1.png","revision":2765005,"resolution":"1","location":"assets","locale":"","width":1897,"height":899},"Screenshot-2.png":{"filename":"Screenshot-2.png","revision":2765005,"resolution":"2","location":"assets","locale":"","width":1897,"height":893},"Screenshot-3.png":{"filename":"Screenshot-3.png","revision":2765005,"resolution":"3","location":"assets","locale":"","width":1911,"height":896},"Screenshot-4.png":{"filename":"Screenshot-4.png","revision":2765005,"resolution":"4","location":"assets","locale":"","width":1693,"height":851}},"screenshots":{"1":"CF7 form editor \u2014 \"star rating\" tag button highlighted in the form toolbar","2":"CF7 form template \u2014 generated [star_rating] shortcode tag shown in the form body","3":"Form-tag Generator modal \u2014 name, ID, class, default value, star count, cancel button, star icon picker, and single-selection option","4":"Front-end contact form \u2014 interactive star rating field with cancel button and 10-star scale rendered"}},"plugin_section":[],"plugin_tags":[269443,1152,13807,11986,269444],"plugin_category":[],"plugin_contributors":[256981],"plugin_business_model":[],"class_list":["post-159633","plugin","type-plugin","status-publish","hentry","plugin_tags-cf7-star-rating","plugin_tags-contact-form-7","plugin_tags-contact-form-7-addon","plugin_tags-customer-feedback","plugin_tags-rating-input","plugin_contributors-howdytheme","plugin_committers-howdytheme"],"banners":{"banner":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/banner-772x250.png?rev=3475275","banner_2x":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/banner-1544x500.png?rev=3475275","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/icon-128x128.png?rev=3475275","icon_2x":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/icon-256x256.png?rev=3475275","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/Screenshot-1.png?rev=2765005","caption":"CF7 form editor \u2014 \"star rating\" tag button highlighted in the form toolbar"},{"src":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/Screenshot-2.png?rev=2765005","caption":"CF7 form template \u2014 generated [star_rating] shortcode tag shown in the form body"},{"src":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/Screenshot-3.png?rev=2765005","caption":"Form-tag Generator modal \u2014 name, ID, class, default value, star count, cancel button, star icon picker, and single-selection option"},{"src":"https:\/\/ps.w.org\/star-rating-field-for-contact-form-7\/assets\/Screenshot-4.png?rev=2765005","caption":"Front-end contact form \u2014 interactive star rating field with cancel button and 10-star scale rendered"}],"raw_content":"\n
Star Rating Field For Contact Form 7<\/strong> is a free WordPress plugin that adds a fully interactive star rating input field to any Contact Form 7 form. Give your visitors a fast, intuitive way to rate your products, services, content, or experiences \u2014 directly inside your existing CF7 forms, with no extra tools or third-party services required.<\/p>\n\n From product reviews and restaurant feedback to customer satisfaction surveys and event ratings, star ratings are one of the most universally understood UI patterns on the web. This plugin brings that experience natively into Contact Form 7 with multiple icon style choices, required field support, and seamless email integration.<\/p>\n\n Requires Contact Form 7<\/strong> to be installed and activated on your WordPress site.<\/p>\n<\/blockquote>\n\n \ud83d\udcc4 Documentation<\/a> | \ud83d\udd34 Live Demo<\/a> | \u2b50 Get Pro Version<\/a><\/p>\n\n\n\n Collecting feedback through a plain text field is limiting \u2014 most users won't bother writing a detailed response. A star rating field removes that friction entirely, letting visitors express their satisfaction with a single click.<\/p>\n\n This plugin makes adding a star rating input to any Contact Form 7 form quick, flexible, and completely free. With 12 different rating icon styles available, you can match the visual look of the rating field to your site's design \u2014 without writing a single line of CSS.<\/p>\n\n Whether you run an eCommerce store, a restaurant, a SaaS platform, or a personal blog, collecting star-based feedback helps you understand your audience and improve your offerings.<\/p>\n\n\n\n Interactive Star Rating Field<\/strong> \u2014 Add a fully functional, click-to-rate star input to any Contact Form 7 form using the built-in tag generator. No coding required.<\/p><\/li>\n 12 Rating Icon Styles<\/strong> \u2014 Choose from 12 distinct visual icon styles for the star rating field, including stars, medals, faces, and bulb icons \u2014 both \"on\" and \"off\" states \u2014 so you can match the field's look and feel to your site's branding.<\/p><\/li>\n Required Field Support<\/strong> \u2014 Make the star rating field mandatory. If a user tries to submit the form without selecting a rating, submission is blocked and a validation error is shown \u2014 just like any other required CF7 field.<\/p><\/li>\n Email Integration via Mail Tag<\/strong> \u2014 Include the submitted star rating value directly in your Contact Form 7 email notifications by inserting the corresponding mail tag into the Mail tab of your form \u2014 same as any other CF7 field.<\/p><\/li>\n Unlimited Rating Fields Per Form<\/strong> \u2014 Add multiple independent star rating fields to a single CF7 form. Each field works separately with its own name, validation, and email output.<\/p><\/li>\n Default Star Value (Pre-selected Score)<\/strong> \u2014 Set a default score so a star is pre-selected when the form loads. Useful for guiding users or suggesting a starting point before they interact.<\/p><\/li>\n Custom Field ID<\/strong> \u2014 Assign a custom HTML ID attribute to the rating field for targeting with custom CSS or JavaScript.<\/p><\/li>\n Custom CSS Class<\/strong> \u2014 Add one or more CSS class names to the rating field wrapper for flexible front-end customisation without modifying plugin files.<\/p><\/li>\n Mobile Friendly & Touch Compatible<\/strong> \u2014 The rating field is fully responsive and works smoothly with touch input on smartphones and tablets.<\/p><\/li>\n Works with All Recent CF7 Versions<\/strong> \u2014 Tested and compatible with Contact Form 7 up to version 7.0.<\/p><\/li>\n Lightweight & Fast<\/strong> \u2014 Uses the jQuery Raty library for rendering, keeping the added page weight minimal.<\/p><\/li>\n<\/ul>\n\n\n\n The Pro version unlocks advanced customisation options for users who need more control over the star rating experience. All options below are available exclusively in the Pro version.<\/p>\n\n Upgrade to Pro \u2192<\/a><\/strong><\/p>\n\n Custom Maximum Rating (Number of Stars)<\/strong> \u2014 Change the maximum number of selectable stars. Instead of the default 5-star scale, you can set any number \u2014 for example, rate out of 3, 7, or 10. Ideal for scoring systems, NPS-style surveys, or any use case where a custom scale makes more sense.<\/p><\/li>\n Cancel \/ Reset Button<\/strong> \u2014 Add a dedicated cancel button alongside the stars so users can deselect or reset their rating to zero. Useful when you want to give users a clear way to undo an accidental click or change their mind before submitting.<\/p><\/li>\n Cancel Button Icon \u2014 \"On\" State<\/strong> \u2014 Choose the icon image displayed for the cancel button when the user hovers over it or it is in its active (highlighted) state. Multiple icon options are available including standard, alternate, and custom cancel icons.<\/p><\/li>\n Cancel Button Icon \u2014 \"Off\" State<\/strong> \u2014 Choose the icon image displayed for the cancel button in its default (unhovered) resting state. Keeps the cancel button visually consistent with the rest of your rating field design.<\/p><\/li>\n Cancel Button Placement<\/strong> \u2014 Control where the cancel button appears relative to the stars \u2014 either to the Left<\/strong> or Right<\/strong> of the rating icons. Helps ensure the layout aligns with your form's visual flow.<\/p><\/li>\n Custom Star \"On\" Icon<\/strong> \u2014 Select the icon displayed for selected or hovered stars (the filled\/active state). Available icon options include star styles 1 and 2, medal, standard star-on, star-off, smiley face, and bulb icons \u2014 giving you full control over the active star appearance.<\/p><\/li>\n Custom Star \"Off\" Icon<\/strong> \u2014 Select the icon displayed for unselected stars (the inactive\/empty state). Same set of icon options as the \"on\" state so you can create consistent or contrasting icon pairings.<\/p><\/li>\n Single Star Selection Mode<\/strong> \u2014 Enable a mode where only the single star currently being hovered or clicked lights up, rather than all stars up to that point. Useful when you want a distinct single-choice rating experience rather than the standard cumulative highlight.<\/p><\/li>\n<\/ul>\n\n Get the Pro Version \u2192<\/a><\/strong><\/p>\n\n\n\n Yes. Contact Form 7 must be installed and activated for this plugin to work. The Star Rating field is registered as a custom CF7 form tag and relies on the CF7 framework for rendering, validation, and email output.<\/p><\/dd>\n The free version includes 12 different rating icon styles. These include multiple star designs (star-on, star-off, star-1, star-2, star-half), medal icons, smiley face icons, and bulb icons \u2014 each available in both active and inactive states.<\/p><\/dd>\n Yes. After inserting the star rating tag into your form, go to the Mail<\/strong> tab in the CF7 editor and add the corresponding mail tag (for example Yes. You can add as many star rating fields as you need to a single form. Each field has its own unique name, is validated independently, and outputs its own value in the email.<\/p><\/dd>\n Yes. When generating the form tag, tick the Required<\/strong> checkbox. If a user submits the form without selecting a rating, validation will fail and an error message will be displayed \u2014 the same behaviour as any other required CF7 field.<\/p><\/dd>\n Yes. In the tag generator, enter a number in the Default Value<\/strong> field. That star will be pre-selected when the form loads. Users can still change it before submitting.<\/p><\/dd>\n Setting a custom maximum number of stars is a Pro version feature<\/strong>. The free version uses a standard 5-star scale by default. Upgrade here<\/a>.<\/p><\/dd>\n A cancel\/reset button is available in the Pro version<\/strong>. The free version does not include a cancel button. Learn more about the Pro version<\/a>.<\/p><\/dd>\n Custom star icon selection (choosing specific \"on\" and \"off\" icon images for the stars) is a Pro version feature<\/strong>. The free version uses the default star-on and star-off icons automatically.<\/p><\/dd>\n Yes. The star rating field is fully responsive. Touch-based selection works correctly on smartphones and tablets of all screen sizes.<\/p><\/dd>\n Yes. The plugin has been tested up to WordPress 7.0 and is compatible with all recent versions of Contact Form 7.<\/p><\/dd>\n Full documentation and a step-by-step setup guide are available at topsmodule.com<\/a>.<\/p><\/dd>\n You can view a live working demo of the star rating field at topsmodule.com\/task\/star-rating-for-contact-form-7\/<\/a>.<\/p><\/dd>\n\n
Why Use Star Rating Field For Contact Form 7?<\/h4>\n\n
Free Version Features<\/h4>\n\n
\n
Pro Version Features<\/h4>\n\n
\n
Perfect For<\/h4>\n\n
\n
How It Works<\/h4>\n\n
\n
\n
[your-rating]<\/code>) wherever you want the rating value to appear in the notification email.<\/li>\nAutomatic Installation (Recommended)<\/h4>\n\n
\n
Manual Installation<\/h4>\n\n
\n
After Activation<\/h4>\n\n
\n
\n
Does this plugin require Contact Form 7?<\/h3><\/dt>\n
How many star rating styles are available in the free version?<\/h3><\/dt>\n
Can I include the star rating value in my form's notification email?<\/h3><\/dt>\n
[your-rating-field-name]<\/code>) wherever you want the submitted rating to appear in the email body.<\/p><\/dd>\nCan I add more than one star rating field to a single form?<\/h3><\/dt>\n
Can I make the star rating field required?<\/h3><\/dt>\n
Can I set a pre-selected default rating?<\/h3><\/dt>\n
Can I change the maximum number of stars (e.g., rate out of 10)?<\/h3><\/dt>\n
Can users reset or clear their star rating selection?<\/h3><\/dt>\n
Can I customise the star icon images?<\/h3><\/dt>\n
Is this plugin mobile-friendly?<\/h3><\/dt>\n
Is this plugin compatible with the latest version of WordPress and Contact Form 7?<\/h3><\/dt>\n
Where can I find setup documentation?<\/h3><\/dt>\n
Where can I see a live demo?<\/h3><\/dt>\n
How do I upgrade to the Pro version?<\/h3><\/dt>\n