Title: Star Rating Field For Gravity Forms Author: howdytheme Published: 16.4.2024 Last modified: 29.6.2026 --- Hae lisäosia ![](https://ps.w.org/star-rating-field-for-gravity-form/assets/banner-772x250.png? rev=3475277) ![](https://ps.w.org/star-rating-field-for-gravity-form/assets/icon-256x256.png? rev=3475277) # Star Rating Field For Gravity Forms [howdytheme](https://profiles.wordpress.org/howdytheme/) [Lataa](https://downloads.wordpress.org/plugin/star-rating-field-for-gravity-form.zip) * [Tiedot](https://fi.wordpress.org/plugins/star-rating-field-for-gravity-form/#description) * [Arvostelut](https://fi.wordpress.org/plugins/star-rating-field-for-gravity-form/#reviews) * [Asennus](https://fi.wordpress.org/plugins/star-rating-field-for-gravity-form/#installation) * [Kehitys](https://fi.wordpress.org/plugins/star-rating-field-for-gravity-form/#developers) [Tuki](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/) ## Kuvaus **Star Rating Field For Gravity Forms** is a free WordPress plugin that adds a fully interactive, click-to-rate star rating input field to any Gravity Forms form. Give your visitors a fast, intuitive way to rate your products, services, content, or experiences — all within your existing Gravity Forms setup, with no third-party services or complex configuration required. Star ratings are one of the most universally understood feedback mechanisms on the web. Whether you run an e-commerce store, a service business, a restaurant, or an educational platform, collecting star-based ratings through your forms is one of the quickest ways to gather actionable customer insights. > **Requires Gravity Forms** to be installed and activated on your WordPress site. [⭐ Get Pro Version](https://topsmodule.com/product/star-rating-field-for-gravity-form/) #### Why Use Star Rating Field For Gravity Forms? Gravity Forms doesn’t include a native star rating input field. This plugin fills that gap — adding a polished, interactive star rating field that integrates directly into the Gravity Forms editor as a standard field type. You get visual icon styles, a cancel/clear button, required field validation, custom rating notices, single star selection mode, and support for unlimited rating fields per form — all in the free version. No shortcodes, no manual embedding, no third- party accounts. #### Free Version Features * **Interactive Star Rating Field** — Add a click-to-rate star input to any Gravity Forms form directly from the field editor. Drag it in, configure it, and save— no coding required. * **12 Rating Icon Styles** — Choose from 12 distinct visual icon styles for the star rating field, including multiple star designs, medal icons, and smiley face icons, with separate ”on” (active) and ”off” (inactive) states built in. * **Write A Note / Custom Rating Notice** — Add a custom instructional notice or heading text to the star rating field. This text appears alongside the stars to guide users on what they are rating (e.g., ”Rate your experience”, ”Rate Us”). * **Cancel / Clear Button** — A built-in cancel button lets users deselect or reset their star rating back to zero. Useful when users want to change their mind or undo an accidental click before submitting. * **Enable or Disable Cancel Button** — Toggle the cancel button on or off directly from the field settings, giving you control over whether users can clear their rating on a per-field basis. * **Single Star Selection Mode** — Enable a mode where only the individual star being hovered or clicked lights up, rather than all stars up to that point lighting up cumulatively. Useful for distinct single-choice rating scenarios. * **Required Field Support** — Mark the star rating field as required using the standard Gravity Forms rules setting. If a user tries to submit the form without selecting a rating, the form will not submit and a validation error is displayed. * **Custom Error Message** — Set a custom validation error message for the required star rating field using the Gravity Forms error message setting. * **Conditional Logic Support** — The star rating field supports Gravity Forms’ built-in conditional logic, allowing you to show or hide the field based on the values of other fields in the form. * **Unlimited Rating Fields Per Form** — Add as many independent star rating fields as needed within a single Gravity Forms form. Each field operates independently with its own settings and value. * **Default Rating Value** — A default star score is pre-applied when the field is first added to a form, giving you a sensible starting configuration out of the box. * **Mobile Friendly and Touch Compatible** — The star rating field is fully responsive. Touch-based star selection works correctly on smartphones and tablets of all screen sizes. * **Lightweight** — Built on the jQuery Raty library, keeping the additional page weight minimal. #### Pro Version Features The following features are available exclusively in the Pro version. They appear in the Gravity Forms field editor but are locked for free users. **[Upgrade to Pro ](https://topsmodule.com/product/star-rating-field-for-gravity-form/)** * **Custom Star ”On” Icon** — Choose the specific icon image displayed for active or hovered stars (the filled/selected state). Available options include star styles 1 and 2, medal-on, medal-off, star-on, star-off, face-on, and face-off icons, giving you full control over the appearance of selected stars. * **Custom Star ”Off” Icon** — Choose the specific icon image displayed for inactive or unselected stars (the empty/resting state). The same set of icon options as the ”on” state is available, allowing you to create consistent or contrasting visual pairings between selected and unselected stars. * **Custom Maximum Star Count** — Set the maximum number of selectable stars for the rating field. Instead of the default 5-star scale, you can configure any number — for example, rate out of 3, 7, or 10. Useful for NPS-style surveys, scoring systems, or any use case where a non-standard scale is needed. * **Cancel Button Position** — Control whether the cancel/reset button appears to the **Left** or **Right** of the star icons. Lets you align the cancel button with your form’s visual layout. **[Get the Pro Version ](https://topsmodule.com/product/star-rating-field-for-gravity-form/)** #### Perfect For * Product review and customer feedback forms * Restaurant, hotel, or service experience rating forms * Customer satisfaction (CSAT) and NPS 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 Gravity Forms form where fast, visual, one-click feedback collection is needed #### How It Works 1. Install and activate the plugin (Gravity Forms must already be active). 2. Open any Gravity Forms form in the form editor. 3. Find the **Star Rating** field in the Advanced Fields panel. 4. Drag it into your form. 5. Configure the field options: label, rating notice, cancel button toggle, single star mode, required, and conditional logic. 6. Save the form and embed it on any page or post. 7. The star rating field is live — selected rating values are captured with each submission and appear in Gravity Forms entries and email notifications like any other field. > **Note:** The star rating field is designed to render on published front-end pages. > It may not display visually inside the Gravity Forms back-end drag-and-drop editor— > this is expected behaviour. Always test your form on a live published page to > see the stars in action. ## Kuvankaappaukset [⌊Star rating field settings panel in the Gravity Forms editor — label, note, star icon picker, max stars, cancel button position, and single-selection option⌉⌊Star rating field settings panel in the Gravity Forms editor — label, note, star icon picker, max stars, cancel button position, and single-selection option⌉[ Star rating field settings panel in the Gravity Forms editor — label, note, star icon picker, max stars, cancel button position, and single-selection option [⌊Front-end Gravity Forms form — star rating field rendered with label, cancel button, and interactive stars⌉⌊Front-end Gravity Forms form — star rating field rendered with label, cancel button, and interactive stars⌉[ Front-end Gravity Forms form — star rating field rendered with label, cancel button, and interactive stars ## Asennus #### Automatic Installation (Recommended) 1. Make sure **Gravity Forms** is installed and activated. 2. In your WordPress dashboard, go to **Plugins > Add New**. 3. Search for **Star Rating Field For Gravity Forms**. 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 Gravity Forms form editor. 2. Locate the **Star Rating** field under Advanced Fields and drag it into your form. 3. Configure field options (label, notice, cancel button, required, conditional logic). 4. Save and test your form on a published page. ## UKK ### Does this plugin require Gravity Forms? Yes. Gravity Forms must be installed and activated for this plugin to work. The star rating field registers itself as a native Gravity Forms field type and relies on the Gravity Forms framework for rendering, validation, conditional logic, and entry storage. ### How many star rating icon styles are available in the free version? The free version includes 12 different visual icon styles — covering various star designs, medal icons, and face icons in both active and inactive states. ### Why don’t the stars show up inside the Gravity Forms form editor? The star rating field is designed to render on the front end of your site. It may not appear visually inside the Gravity Forms back-end drag-and-drop editor. This is expected behaviour. View your form on a published page or post to see the star rating field working correctly. ### Can I add a message or instruction near the rating field? Yes. The **Write A Note** setting lets you add a custom notice or instruction text that displays alongside the star rating field, such as ”Rate your experience” or” How did we do?” ### 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 Gravity Forms form. Each field works independently with its own settings, validation, and submission value. ### Can users clear or reset their star rating? Yes. The free version includes a built-in cancel button that lets users deselect their rating. You can enable or disable this button using the **Disable Cancel Button** setting in the field options. ### Can I use conditional logic with the star rating field? Yes. The star rating field supports Gravity Forms’ native conditional logic. You can show or hide the rating field based on the values of other fields in your form. ### Can I make the star rating field required? Yes. Use the standard Gravity Forms **Required** option in the field settings. If a user submits the form without selecting a star rating, validation will fail and your custom or default error message will be shown. ### Can I change the maximum number of stars (e.g., rate out of 10)? Setting a custom maximum star count beyond the default 5 is a **Pro version feature**. [Upgrade here](https://topsmodule.com/product/star-rating-field-for-gravity-form/). ### Can I choose specific star icon images? Custom icon selection for the ”on” and ”off” star states is a **Pro version feature**. The free version uses the default icon set automatically. [Learn more about the Pro version](https://topsmodule.com/product/star-rating-field-for-gravity-form/). ### Can I control where the cancel button appears (left or right)? Cancel button positioning is a **Pro version feature**. [Upgrade here](https://topsmodule.com/product/star-rating-field-for-gravity-form/). ### Is the plugin mobile-friendly? Yes. The star rating field is fully responsive and supports touch-based selection on all smartphones and tablets. ### Where can I get the Pro version? Visit (https://topsmodule.com/product/star-rating-field-for-gravity-form/) to upgrade and unlock all Pro features. ## Arvostelut ![](https://secure.gravatar.com/avatar/054d908858228c26b23838f8ad8372fec6794bb2c57a42b230aa5b12d7714ed9? s=60&d=retro&r=g) ### 󠀁[Stars only show up in preview](https://wordpress.org/support/topic/stars-only-show-up-in-preview/)󠁿 [Netzialist](https://profiles.wordpress.org/netzialist/) 5.6.2025 The stars don't show up in editor view. So I thought the free version wasn't working and I paid the developer. No stars in the editor either. Turns out, the stars only show up in preview mode. ![](https://secure.gravatar.com/avatar/b4b99e28ced03379cb793506ac36ceba39268b847eecef8e270620aa3c587558? s=60&d=retro&r=g) ### 󠀁[Works great thanks – just a couple of issues](https://wordpress.org/support/topic/works-great-thanks-just-a-couple-of-issues/)󠁿 [techsoldd](https://profiles.wordpress.org/techsoldd/) 28.5.2025 This works great thanks except; It does not work on my Gravity Form "preview" – maybe that's why someone gave it 1 star saying it does nothing? You need to actually test the form on a real website page. It would be a good idea to make some notes here on the plugin page describing the "Free" features – ie. can only have 5 stars, red/blue only – versus "Pro" features. [ Lue kaikki 3 arvostelua. ](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/) ## Avustajat & Kehittäjät “Star Rating Field For Gravity Forms” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen. Avustajat * [ howdytheme ](https://profiles.wordpress.org/howdytheme/) [Käännä “Star Rating Field For Gravity Forms” omalle kielellesi.](https://translate.wordpress.org/projects/wp-plugins/star-rating-field-for-gravity-form) ### Oletko kiinnostunut kehitystyöstä? [Browse the code](https://plugins.trac.wordpress.org/browser/star-rating-field-for-gravity-form/), check out the [SVN repository](https://plugins.svn.wordpress.org/star-rating-field-for-gravity-form/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/star-rating-field-for-gravity-form/) by [RSS](https://plugins.trac.wordpress.org/log/star-rating-field-for-gravity-form/?limit=100&mode=stop_on_copy&format=rss). ## Muutosloki #### 1.0.0 * Initial release. * Add interactive star rating field to any Gravity Forms form. * 12 visual icon styles included. * Cancel button with enable/disable toggle. * Single star selection mode. * Custom rating notice (Write A Note) field. * Required field validation with custom error message support. * Conditional logic support. * Default rating value on field creation. * Unlimited rating fields per form. * Mobile and touch-screen compatible. ## Metatiedot * Version **1.0.0** * Last updated **4 kuukautta sitten** * Active installations **100+** * 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-gravity-form/) * Tags * [feedback form](https://fi.wordpress.org/plugins/tags/feedback-form/)[gravity forms](https://fi.wordpress.org/plugins/tags/gravity-forms/) [gravity forms addon](https://fi.wordpress.org/plugins/tags/gravity-forms-addon/) [rating field](https://fi.wordpress.org/plugins/tags/rating-field/)[star rating](https://fi.wordpress.org/plugins/tags/star-rating/) * [Edistynyt näkymä](https://fi.wordpress.org/plugins/star-rating-field-for-gravity-form/advanced/) ## Arvosanat 4 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/reviews/) ## Avustajat * [ howdytheme ](https://profiles.wordpress.org/howdytheme/) ## Tuki Onko sinulla jotain sanottavaa? Tarvitsetko apua? [Tukifoorumi](https://wordpress.org/support/plugin/star-rating-field-for-gravity-form/)