Star Rating
Fully Customizable Star Ratings for Enhanced User Engagement and Feedback Collection
Ramsha Ahmed
Last Update 2 years ago
Description
Demo Page: https://chakor-plugins-demo-4.bubbleapps.io/version-test/star_rating
Demo Editor: https://bubble.io/page?id=chakor-plugins-demo-4&tab=Design&name=star_rating&type=page
This plugin enables you to add fully customizable star ratings to your Bubble app, allowing users to provide feedback or rate content. Perfect for product reviews, customer satisfaction surveys, or any rating-based interactions, the Star Rating Plugin enhances user engagement and provides valuable insights.
Key Features:
- Dynamic Star Count: Configure the number of stars (default: 5) to suit your app's requirements.
- Customizable Colors: Set unique colors for selected stars (e.g., gold) and placeholder stars for unselected ones.
- Adjustable Star Size: Define the size of the stars dynamically to match your app's design.
- Initial Rating Setup: Predefine an initial rating that users can see and adjust as needed.
- User Interaction Tracking: Publish the selected rating in real-time for use in workflows or data storage.
- Event Trigger: Automatically trigger a `rating_selected` event when a user selects a rating, enabling seamless workflow integration.
- Responsive Design: Ensures the star rating element adapts across devices and screen sizes for a consistent user experience.
Instructions
1- Add the Plugin to Your Bubble App: Drag and drop the Star Rating element onto your app canvas.
2- Customize the Settings:
Star Color: Set the color for selected stars.
Placeholder Color: Set the color for unselected stars.
Star Size: Adjust the size of the stars in pixels.
Number of Stars: Define how many stars should appear (default is 5).
Initial Rating: Set the default rating for the star component.
3- Dynamic Updates:
All fields (star count, colors, size, and initial rating) can be updated dynamically through workflows or data bindings.
4- Access User Ratings:
The user's selected rating is stored in the state Current Rating and can be used in workflows or saved to your database.
5- Trigger Events:
The plugin triggers the "when a star rating is changed" event when a user selects a rating. Use this event in workflows to take further actions.


