Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Star Ratings

Last Updated: September 17, 2021

Knowledge Base → Forms → Form Building → Field Types → Star Ratings

— Premium Feature —

The Star Rating field allows you to submit star ratings and display them on your site. When a star is selected, all stars to the left of the selection will fill automatically.
Star Field

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

Field options

Time Field OptionsTime Field Options

  • Field Type
  • Required
  • Unique
  • Field Key
  • CSS Layout Classes
  • Label Position
  • Maximum Rating
  • Visibility
  • Conditional Logic
  • Dynamic default value

Set up a field for star ratings

Follow the directions below to set up a field for star ratings.

  1. Add a Star Rating field to your form.
  2. Determine how many stars you would like to display with the Maximum Rating option. It is very common to set the maximum to 5.
  3. Save your form. The field will now look like this on the front-end:
    Star Rating Stars Displayed

Display star ratings

You can display a single rating or an average of several ratings from your Star field. You may add the following shortcodes to a page, post, View, widget, etc. If you use these shortcodes in a View, be sure to include filter=limited in your View shortcode. If you leave that out, the frm-stats shortcode will show on the page instead of being replaced with the stars.

  • Display average star rating: Display the average star rating of all submitted entries. The rating will be rounded to the nearest 1/2 star.

    [frm-stats id=x type=star]

    Replace x with the ID or key of the Scale field.

    If you would like the users be able to rate an entry/post and then display an average rating for each one, see the advanced view page for specific instructions.

  • Display single star rating: Show the rating in a view.

    [x html=1]

    Replace x with the ID or key of the Star Rating field.

For more shortcode options, see Field Totals and Statistics. All parameters on that page can be used with the star ratings shortcode.

Related customizations

Increase the size

You will need custom CSS to increase the size of the stars. Custom CSS can be added in your Formidable → Styles → Custom CSS box. The following CSS will increase the size of your stars. You may adjust the 30px font-size as needed.

.frm-star-group .star-rating, .frm-star-group input + label {
   width: auto;
   height: auto;
   font-size: 30px;
}

Hide empty stars

If you are displaying the star ratings in a View, the following CSS can hide the empty stars. To know more about where to add custom CSS, see CSS examples.

.frm-star-group i:not(.star-rating-on) {
    display: none !important;
}

Related Articles

  • how to add star ratings in WordPress How to Add Star Ratings in WordPress
    Read More
    How to create a WordPress photo rating form How to Create a WordPress Photo Rating Form
    Read More
    Add Reviews Wordpress Website How to Add Reviews to Your WordPress Website
    Read More
  • How to Calculate 5 Star Rating Averages in Wordpress How to Calculate a 5 Star Ratings Average in WordPress
    Read More

Related Topics

  • How to add star ratings to posts and forms
  • Field options
  • Set up a field for star ratings
  • Display star ratings
  • Related customizations
    • Increase the size
    • Hide empty stars
  • Related Articles
  • Related Topics
Categories
×

Categories

  • Installation & Getting Started
  • Account Management
  • Forms
  • Entries
  • Views
  • Styles
  • Importing & Exporting
  • Add-Ons
  • Extend Formidable Forms

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

You do not have permission to view this form. Maybe you need to log in?

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews