Ratings Field in HT Contact Form

The Ratings field in HT Contact Form lets users rate a product, service, or experience directly within your form using visual stars. It’s a perfect way to collect user feedback in a simple, interactive format.

In this guide, you’ll learn how to add and configure the Ratings field with custom labels, scores, and conditional logic.

Step 1: Add the Ratings Field to Your Form #

1. Go to HT Contact Form → Forms in your WordPress dashboard.
2. Open an existing form or create a new one.
3. From the left-hand field panel, drag the Ratings field into your form layout.

Step 2: Configure Ratings Field Settings #

After adding the field, you can customize the label, rating options, and display behavior.

Available Settings: #

1. Admin Label: Internal name for identification (not visible to users).
2. Field Label: Public label shown above the rating stars (e.g., “Rate Your Experience”).
3. Label Position: Choose where the label is placed (Default, Top, Left, Right).
4. Options: Add rating levels with custom labels and values (e.g., “Excellent = 4”).
5. Default Selection: Pre-select a rating (optional).
6. Add/Remove Options: Use the plus or trash icons to modify the list.

Step 3: Additional Field Options #

Optional Settings: #

1. Show Text: Toggle ON to display rating label (e.g., “Good”, “Excellent”).
2. Required: Make rating submission mandatory.
3. Field Size: Adjust the size (Small, Medium, Large).
4. Field Class: Add custom CSS class for styling.
5. Help Message: Add extra instruction below the rating stars.
6. Message Position: Choose where validation/help messages appear.
7. Name Attribute: Used in submission data (developer use).

Step 4: Apply Conditional Logic (Optional) #

Want to show the Ratings field only if users meet certain criteria?

1. Toggle Enable Condition to ON.
2. Choose All or Any match type.
3. Set up field-based rules using dropdowns.

Example: Only show Ratings field if “Dropdown = Product Feedback”.

Preview #