Star Rating Field For Gravity Forms

Description

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

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 →

• 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 →

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.