Title: Star Rating Field For Contact Form 7
Author: howdytheme
Published: جويي 11, 2022
Last modified: جوان 29, 2026
---
Search plugins
# Star Rating Field For Contact Form 7
By [howdytheme](https://profiles.wordpress.org/howdytheme/)
[Download](https://downloads.wordpress.org/plugin/star-rating-field-for-contact-form-7.zip)
* [Details](https://arq.wordpress.org/plugins/star-rating-field-for-contact-form-7/#description)
* [Reviews](https://arq.wordpress.org/plugins/star-rating-field-for-contact-form-7/#reviews)
* [Installation](https://arq.wordpress.org/plugins/star-rating-field-for-contact-form-7/#installation)
* [Development](https://arq.wordpress.org/plugins/star-rating-field-for-contact-form-7/#developers)
[Support](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/)
## Description
**Star Rating Field For Contact Form 7** 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—
directly inside your existing CF7 forms, with no extra tools or third-party services
required.
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.
> **Requires Contact Form 7** to be installed and activated on your WordPress site.
[📄 Documentation](https://topsmodule.com/how-to-create-star-rating-field-for-contact-form-7/)
| [🔴 Live Demo](https://topsmodule.com/task/star-rating-for-contact-form-7/) |
[⭐ Get Pro Version](https://topsmodule.com/product/star-rating-field-for-contact-form-7/)
#### Why Use Star Rating Field For Contact Form 7?
Collecting feedback through a plain text field is limiting — 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.
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 — without writing a single
line of CSS.
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.
#### Free Version Features
* **Interactive Star Rating Field** — Add a fully functional, click-to-rate star
input to any Contact Form 7 form using the built-in tag generator. No coding
required.
* **12 Rating Icon Styles** — Choose from 12 distinct visual icon styles for the
star rating field, including stars, medals, faces, and bulb icons — both “on”
and “off” states — so you can match the field’s look and feel to your site’s
branding.
* **Required Field Support** — 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 — just like any other required CF7 field.
* **Email Integration via Mail Tag** — 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 — same as any other CF7 field.
* **Unlimited Rating Fields Per Form** — Add multiple independent star rating fields
to a single CF7 form. Each field works separately with its own name, validation,
and email output.
* **Default Star Value (Pre-selected Score)** — 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.
* **Custom Field ID** — Assign a custom HTML ID attribute to the rating field for
targeting with custom CSS or JavaScript.
* **Custom CSS Class** — Add one or more CSS class names to the rating field wrapper
for flexible front-end customisation without modifying plugin files.
* **Mobile Friendly & Touch Compatible** — The rating field is fully responsive
and works smoothly with touch input on smartphones and tablets.
* **Works with All Recent CF7 Versions** — Tested and compatible with Contact Form
7 up to version 7.0.
* **Lightweight & Fast** — Uses the jQuery Raty library for rendering, keeping
the added page weight minimal.
#### Pro Version Features
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.
**[Upgrade to Pro ](https://topsmodule.com/product/star-rating-field-for-contact-form-7/)**
* **Custom Maximum Rating (Number of Stars)** — Change the maximum number of selectable
stars. Instead of the default 5-star scale, you can set any number — 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.
* **Cancel / Reset Button** — 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.
* **Cancel Button Icon — “On” State** — 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.
* **Cancel Button Icon — “Off” State** — 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.
* **Cancel Button Placement** — Control where the cancel button appears relative
to the stars — either to the **Left** or **Right** of the rating icons. Helps
ensure the layout aligns with your form’s visual flow.
* **Custom Star “On” Icon** — 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 — giving
you full control over the active star appearance.
* **Custom Star “Off” Icon** — 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.
* **Single Star Selection Mode** — 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.
**[Get the Pro Version ](https://topsmodule.com/product/star-rating-field-for-contact-form-7/)**
#### Perfect For
* Product review and customer feedback forms
* Restaurant, hotel, or service experience rating forms
* Customer satisfaction (CSAT) surveys
* Event and workshop post-attendance feedback forms
* Online course or content quality rating forms
* Employee, vendor, or supplier evaluation forms
* App or software feature feedback forms
* Any form where quick, visual, one-click feedback collection matters
#### How It Works
1. Install and activate the plugin (Contact Form 7 must already be active).
2. Open any Contact Form 7 form in the editor.
3. Click **Add Form Tag** and select **Star Rating** from the list.
4. In the tag generator panel, configure your field:
5. * Tick **Required** if the rating must be selected before submission
* Enter a **Name** for the field (used in the email mail tag)
* Optionally set an **ID**, **Class**, or **Default Value (Score)**
6. Click **Insert Tag** to add the shortcode to your form.
7. Go to the **Mail** tab and insert the mail tag (e.g. `[your-rating]`) wherever
you want the rating value to appear in the notification email.
8. Save the form. The interactive star rating field is now live on your site.
## Screenshots
[⌊CF7 form editor — "star rating" tag button highlighted in the form toolbar⌉⌊CF7
form editor — "star rating" tag button highlighted in the form toolbar⌉[
CF7 form editor — “star rating” tag button highlighted in the form toolbar
[⌊CF7 form template — generated [star_rating] shortcode tag shown in the form body⌉⌊
CF7 form template — generated [star_rating] shortcode tag shown in the form body⌉[
CF7 form template — generated [star_rating] shortcode tag shown in the form body
[⌊Form-tag Generator modal — name, ID, class, default value, star count, cancel
button, star icon picker, and single-selection option⌉⌊Form-tag Generator modal —
name, ID, class, default value, star count, cancel button, star icon picker, and
single-selection option⌉[
Form-tag Generator modal — name, ID, class, default value, star count, cancel button,
star icon picker, and single-selection option
[⌊Front-end contact form — interactive star rating field with cancel button and
10-star scale rendered⌉⌊Front-end contact form — interactive star rating field with
cancel button and 10-star scale rendered⌉[
Front-end contact form — interactive star rating field with cancel button and 10-
star scale rendered
## Installation
#### Automatic Installation (Recommended)
1. Make sure **Contact Form 7** is installed and activated.
2. In your WordPress dashboard, go to **Plugins > Add New**.
3. Search for **Star Rating Field For Contact Form 7**.
4. Click **Install Now**, then click **Activate**.
#### Manual Installation
1. Download the plugin ZIP file.
2. Go to **Plugins > Add New > Upload Plugin** in your WordPress dashboard.
3. Upload the ZIP file and click **Install Now**.
4. Click **Activate Plugin** after installation.
#### After Activation
1. Open any Contact Form 7 form editor.
2. Click **Add Form Tag** and select **Star Rating**.
3. Configure the field options and click **Insert Tag**.
4. Add the mail tag to your Mail tab template.
5. Save and test your form.
## FAQ
### Does this plugin require Contact Form 7?
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.
### How many star rating styles are available in the free version?
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 — each available in both active and inactive states.
### Can I include the star rating value in my form’s notification email?
Yes. After inserting the star rating tag into your form, go to the **Mail** tab
in the CF7 editor and add the corresponding mail tag (for example `[your-rating-
field-name]`) wherever you want the submitted rating to appear in the email body.
### Can I add more than one star rating field to a single form?
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.
### Can I make the star rating field required?
Yes. When generating the form tag, tick the **Required** checkbox. If a user submits
the form without selecting a rating, validation will fail and an error message will
be displayed — the same behaviour as any other required CF7 field.
### Can I set a pre-selected default rating?
Yes. In the tag generator, enter a number in the **Default Value** field. That star
will be pre-selected when the form loads. Users can still change it before submitting.
### Can I change the maximum number of stars (e.g., rate out of 10)?
Setting a custom maximum number of stars is a **Pro version feature**. The free
version uses a standard 5-star scale by default. [Upgrade here](https://topsmodule.com/product/star-rating-field-for-contact-form-7/).
### Can users reset or clear their star rating selection?
A cancel/reset button is available in the **Pro version**. The free version does
not include a cancel button. [Learn more about the Pro version](https://topsmodule.com/product/star-rating-field-for-contact-form-7/).
### Can I customise the star icon images?
Custom star icon selection (choosing specific “on” and “off” icon images for the
stars) is a **Pro version feature**. The free version uses the default star-on and
star-off icons automatically.
### Is this plugin mobile-friendly?
Yes. The star rating field is fully responsive. Touch-based selection works correctly
on smartphones and tablets of all screen sizes.
### Is this plugin compatible with the latest version of WordPress and Contact Form 7?
Yes. The plugin has been tested up to WordPress 7.0 and is compatible with all recent
versions of Contact Form 7.
### Where can I find setup documentation?
Full documentation and a step-by-step setup guide are available at [topsmodule.com](https://topsmodule.com/how-to-create-star-rating-field-for-contact-form-7/).
### Where can I see a live demo?
You can view a live working demo of the star rating field at [topsmodule.com/task/star-rating-for-contact-form-7/](https://topsmodule.com/task/star-rating-for-contact-form-7/).
### How do I upgrade to the Pro version?
Visit [topsmodule.com/product/star-rating-field-for-contact-form-7/](https://topsmodule.com/product/star-rating-field-for-contact-form-7/)
to get the Pro version and unlock all advanced features.
## Reviews
### [Doesn’t work with Kadence theme](https://wordpress.org/support/topic/doesnt-work-with-kadence-theme-2/)
[verigin1967](https://profiles.wordpress.org/verigin1967/) نوفمبر 23, 2025
Не работает с темой Kadence. The author does not
answer support questions.
### [Works great](https://wordpress.org/support/topic/works-great-9648/)
[Soundshifter](https://profiles.wordpress.org/neo-stranger/) جويي 27, 2025
Great plugin, does exactly what it promises, thank you!
### [Not working with Divi theme](https://wordpress.org/support/topic/not-working-with-divi-theme-14/)
[editcon](https://profiles.wordpress.org/editcon/) نوفمبر 26, 2024
Unfortunately the pro-version is not working with the Divi theme. Just want other
people to be aware of this before they buy.
[ Read all 3 reviews ](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/)
## Contributors & Developers
“Star Rating Field For Contact Form 7” is open source software. The following people
have contributed to this plugin.
Contributors
* [ howdytheme ](https://profiles.wordpress.org/howdytheme/)
[Translate “Star Rating Field For Contact Form 7” into your language.](https://translate.wordpress.org/projects/wp-plugins/star-rating-field-for-contact-form-7)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/star-rating-field-for-contact-form-7/),
check out the [SVN repository](https://plugins.svn.wordpress.org/star-rating-field-for-contact-form-7/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/star-rating-field-for-contact-form-7/)
by [RSS](https://plugins.trac.wordpress.org/log/star-rating-field-for-contact-form-7/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 1.0
* Initial release.
* Add interactive star rating fields to any Contact Form 7 form.
* 12 visual rating icon styles included.
* Required field validation support.
* Email integration via CF7 mail tags.
* Default star value (pre-selected score) option.
* Custom ID and class attribute support.
* Unlimited rating fields per form.
* Mobile and touch-screen compatible.
## Meta
* Version **1.0**
* Last updated **4 months ago**
* Active installations **800+**
* WordPress version ** 5.5 or higher **
* Tested up to **7.0.7**
* PHP version ** 7.0 or higher **
* Language
* [English (US)](https://wordpress.org/plugins/star-rating-field-for-contact-form-7/)
* Tags
* [contact form 7](https://arq.wordpress.org/plugins/tags/contact-form-7/)[contact form 7 addon](https://arq.wordpress.org/plugins/tags/contact-form-7-addon/)
[customer feedback](https://arq.wordpress.org/plugins/tags/customer-feedback/)
* [Advanced View](https://arq.wordpress.org/plugins/star-rating-field-for-contact-form-7/advanced/)
## Ratings
2.3 out of 5 stars.
* [ 1 5-star review ](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/?filter=5)
* [ 0 4-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/?filter=4)
* [ 0 3-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/?filter=2)
* [ 2 1-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/reviews/)
## Contributors
* [ howdytheme ](https://profiles.wordpress.org/howdytheme/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/star-rating-field-for-contact-form-7/)