Star Rating

Analyzing customer reviews is one of the major steps in understanding customer satisfaction. With this insight as an input, it is possible to improve customer service quickly. Star Rating Control is one such control in Apex which allows users to provide feedback or rate the services based on predefined scales.

Let's explore the following use-case to better understand Star Rating control in Apex:

Configure Star Rating Control

Effortlessly drag and drop Star Rating Control on to the form canvas and configure it as per organizational needs.

To configure Star Rating Control, perform the following steps:

1. Navigate to Form Designer > Design Form > Controls.
2. Expand Survey Controls. The following options are displayed:
   Figure: Survey Controls
3. Drag and drop Star Rating control on the design canvas.
4. Hover over the added control to access Settings and Delete icon.
   
5. Clickto configure Star Rating control.

On the Settings pop-up window, the following tabs are there where you can configure the Star Rating control:

• Properties
• Appearance

Figure: Star rating control - Settings

Properties

This section contains the list of generic properties using which you can configure the Star Rating control's name, scale label layout, shape, and much more.

General

Figure: General properties settings

Refer the below table for the different fields and their descriptions in the General section:

An asterisk(*) represents a mandatory field.

Customize the rating experience

Shape of the Rating Control can be chosen based on the customer need and the platform for which the feedback form is being built for.

• Star Rating controls are commonly used for gathering feedback on products, services, or experiences where users can rate on a scale of 1 to 5 or 1 to 10.
• Smiley Rating controls are often used in customer satisfaction surveys, providing users with options like happy, neutral, or sad faces to express how they feel about their experience.
• Heart Rating controls are suitable for gauging emotional responses or preferences.
• Thumbs up Rating controls are ideal for simple approval or agreement scenarios, commonly used in feedback forms.

You can configure below properties to add more context to the feedback question being asked in the Rating Control by choosing the right rating scale, shape, and label.

Refer the following section for more information:

Rating

The number of Rating rows are displayed on the basis on the selected range.

By default, a ‘No Rating’ row is added for each rating scale.
Figure: No Rating

'No Rating' is useful, in case you want to allocate a negative score to all those questions where a feedback is not provided. Refer the below example to better understand how No Rating works:

During configuration of a survey form for Average employee confidence, no score is provided for No Rating. So, if an employee does not provide any rating, by default, zero score is assigned to that feedback.

Suppose, -1 score is provided for No Rating, then if an employee does not provide any feedback, -1 score is assigned to the feedback.

Rating Label

Figure: Rating Label

Provide a meaningful label for each rating level. The labels have default values. However, you can customize them based on the need.

The following figure describes the scale and rating labels associated with the different Rating Controls:

• Star and Heart Rating Control
  
  
• Smiley Rating Control
  
• Thumbs up Rating Control
  

Score

Figure: Score

Give a score to each rating level to measure feedback fairly and compare it over time. This helps identify areas for improvement and set standards to aim for.

Color

Select the color code for each rating scale to enhance visual clarity and intuitiveness. This makes it easier for users to understand and respond to feedback questions effectively.

Each score has a default color based on the chosen scale and rating labels. You can customize the color as per the requirement. Click on the color box under Color column to open the color palette. Refer the below screenshot:

Figure: Color code

Informative

Field	Description
Help Text	Provide a help text that gives the end users guidance on how to use the rating control to provide their feedback correctly. For example, 'Rate your experience by selecting a star rating from 1 to 5.'
Rich Text	This is a switch to enable the Rich Text editor for the Help text. Figure: Rich Text switch Rich texted ‘Help Text’ improves user understanding by allowing formatting of the Help Text like bold text, images, and clickable links. This makes the Help Text information clearer and more interactive for users.  Figure: Rich Text editor
Tooltip	Add a Tooltip that is displayed when the user hovers over the Star Rating control and explains about the control.

Appearance

The Appearance tab contains fields where you can configure how the feedback question for Star Rating will appear in the form.

Label

Configure how the name of the Star Rating will appear in the form under Label section.

Figure: Label section - Appearance

Following table explains the different fields and their description present under the Label section in Appearance tab:

Field	Description
Font Type	Select the desired font from the drop-down menu to customize the feedback question of Star Rating. Figure: Font type
Font Color	Select a font color from the color palette to enhance the visibility and aesthetics of the feedback question of the Star Rating.Figure: Color palette
Font Size	Select the desired font size as per your preference for better readability and presentation of the feedback question of Star Rating.Figure: Font size
Font Style	Select either Bold, underlined, or Italic font style to emphasize the feedback question of Star Rating.Figure: Font style