Formidable Forms

Formidable Forms

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

How to add star ratings to posts and forms

Last Updated: July 24, 2021

Knowledge Base → Views → Examples → How to add star ratings to posts and forms

Would you like users to rate form entries or user-submitted WordPress posts? Check out our star rating demo to see what you will create with this tutorial, and then get started with the steps below to add star ratings to your WordPress site.

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

Steps to add star ratings to your WordPress site

  1. Create a form called 'Ratings'. Add a Star rating field.
  2. Add a Hidden field to your form. Put [get param=entry] as the default value in the field. This will get the ID of the entry you are rating. If the slug in the View settings has been changed, switch "entry" to match it.
    add Star Ratings by Entry ID
    If you want to put this form in a post, insert [post_id] in the hidden field instead of [get param=entry].
    Add Star Ratings by WordPress Post ID
  3. Go to edit the View which displays the entries/posts you want to rate. Insert your Ratings form in the 'Detail Page' content box. The shortcode will look like the shortcode below, where x is the form ID.
    [formidable id=x minimize=1]

    Preview the View and submit a couple of test entries in the Ratings form.

  4. Go back to edit your View to add the average star rating. Put [ frm-stats id=x type=star y="[id]"] in the Content of your View.

    Replace x with the ID of your star rating field and replace y with the ID of your hidden field, and leave [id] as is.

    If you have inserted your Ratings form in a post, use [ frm-stats id=x type=star y="[post_id]"] instead.

Star rating notes

Note: If there is extra space below your star ratings, add a div around your star rating shortcode like this:

<div id="average-star-rating">[ frm-stats id=x type=star y=[id]]</div>

Then, add the following class to your Formidable Global Settings → Form Styling → Custom CSS:

#average-star-rating br{display:none;}
  • Steps to add star ratings to your WordPress site
  • Star rating notes
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