How To Add A Star Rating Field

photo of mountain and sunrise

Star rating is the easiest way to ask for feedback on how good your service or product is. Luckily, you can add a star rating to your form, using Caldera Forms, within minutes. Just follow the steps below.

First, you have to install Caldera Forms and create a new form. Just follow this guide if you don’t have one.

Adding The Star Rating Field

Then, add a new field by dragging the ‘Add Field’ to the layout.

screenshot of the 'Add Field' button
A popup window of field selections will appear.

a popup window of available field types
The Star Rating field is in the ‘Special’ category. Click the ‘Special’ category.

fields available in the 'Special' category tab
There, you should see the Star Rating field, click ‘Set Field’. Now you’ll have a star rating on your form.

screenshot of star rating field in your form
Customize Your Star Rating Field

To further customize the field, you can change the field settings on the right side of the screen. Fill out the Name field with what you want to call your fields, like ‘Rating’ or ‘How well do you like our product?’ This Name will also act as a label, and it will show on your form unless you check the ‘Hide Label’ checkbox.

star rating field settings
Then, if you want this field to be a required field, check the ‘Required’ checkbox.

Fill out the Description field if you want to add additional words below your stars (optional).

Design Your Star Rating Field

star rating design customization
Below are the attributes you can customize to design your star rating field:

  • Number of Stars: the default number is 5, but you can change this.
  • Star Type: Star, Heart, Face, and Dot.
  • Star Size: the default size is 13 px, but you can change this.
  • Star Spacing: the default number is 3 px, but you can change this.
  • Single Select: check this checkbox if you want the user to be able to only select one star at a time.
  • Star Color: the color that will fill the star. You can choose from the color picker or input your own hex code.
  • Track Color: the star’s border color. You can choose from the color picker or input your own hex code.
  • Include Cancel: if you mark this checkbox, you’ll have a cancel button next to the stars.