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