Demo to preview the settings
Introduction
Make your ratings more attractive so less users would ignore them.
A five stars rating that animates on click and shows a little face with different mood that depends on the rating.
The face can be hidden from plugin settings.
Plugin Element Properties
The plugin contains a Animated stars visual element that should be used on a page.
Title | Description | Type |
Size | Fit stars in the plugin element, example : 0.5, 0.9, 1, 2 etc. | number |
Show faces | Small animated faces on stars | checkbox |
Initial value | Number of the initially selected stars. | number |
Color | Star color | color |
Unselected Color | Unselected star color | color |
Disable | Make it unclickable | checkbox |
Animation | Disabling/ Enabling star animation | yes/no |
Element Actions
1. Reset - resets to the initial value
Title | Description |
Initial value | Set a new amount of selected stars. Default is 0 |
- Enable Animation - enables animation
- Disable Animation - disables animation
Exposed states
Name | Description | Type |
Stars selected | Number of selected stars | Number |
Element Events
Name | Description |
Stars clicked | Triggered when a star is clicked |
Workflow example
- Add the visual element to the page and adjust the settings
- Use the element’s returned state to display the number of selected stars
- Use the event Stars clicked to trigger actions
