The Star Rating field is essential when you need user interaction, feedback, or reviews in your forms. Our free addon allows you to easily integrate a star rating field into Contact Form 7. However, the free version has limitations and lacks extensive customization options. To overcome these limitations, we introduced the Star Rating Pro addon, which offers advanced customization features, including the ability to modify the star rating appearance, behavior, and more.
In this documentation, we will walk you through the features of Star Rating Pro, how it enhances your forms, and how to set it up for the best user experience. Let’s dive in!
Why do you need advanced customization for Star Rating in Contact Form 7?
A Star Rating field in Contact Form 7 helps users provide quick, visual feedback on products, services, or experiences. However, default star rating options may not always align with your brand’s style, user experience goals, or form requirements. With Advanced Customization for Star Rating, you can fully control the appearance, functionality, and behavior of the rating system to create a seamless, engaging experience for users.
Match Your Website’s Branding
- Customize star colors, size, spacing, and styles to blend with your website’s theme.
- Use custom icons (hearts, thumbs, emojis) instead of default stars.
Control Rating Scale & Values
- Define a custom rating scale (e.g., 1-5, 1-10, or fractional ratings like 3.5).
- Assign custom values to each star to reflect unique scoring criteria.
Improve User Experience with Interactive Effects
- Add hover animations, tooltips, or dynamic feedback messages when users select a rating.
- Display real-time rating values as users interact with the stars.
Conditional Logic for Smart Forms
- Show or hide additional questions based on the selected star rating.
- Trigger custom thank-you messages, discount codes, or follow-up forms for high or low ratings.
What’s Needed
- Ensure that both Contact Form 7 and Ultimate Addons for Contact Form 7 are installed on your WordPress site.
- Download and install Ultimate Addons for Contact Form 7 Pro from our client portal.
- Activate your license key.
- Go to Ultimate Addons > All Addons menu in your WordPress dashboard and enable both Star Rating Field and Star Rating Field Pro checkboxes.

How to Use Advanced Star Rating Field for Contact Form 7?
Step 1: The Start Rating Field Free to Pro migration
After enabling the Star Rating Pro Addon, it functions just like the free star rating but comes with several additional features that enhance customization and user experience.
For users who are already familiar with the free version, the Pro Addon builds on the existing functionality, offering more styling options, improved star management, and better user engagement.
If you’re new to range slider field, you can check out the documentation for the free Star Rating Pro Addon here to get started before exploring the Pro features.
Step 2: Additional Pro Features
The Star Rating Pro addon comes with several advanced features that enhance the functionality and customization of the star rating field. These features can be accessed from the Star Rating field tag option panel in Contact Form 7. Let’s go through each pro feature in detail.
Rating Icon
In the free version, you can choose between two types of star ratings. However, the Pro version expands the customization options by allowing you to use different rating icons beyond just stars. With the built-in feature of Star Rating Pro, you can select from multiple rating styles, including:
- Hearts ❤️ – Ideal for feedback forms where users can express love or preference.
- Thumbs Up 👍 – Great for simple approval or satisfaction ratings.
- Smiley Faces 😊 – Perfect for capturing emotions in user feedback.
- OK Hand Gesture ✅ – A unique way to rate experiences or services.
These additional rating styles enhance user interaction by providing more visually engaging ways to collect feedback, making your forms feel more interactive and user-friendly.

Rating Class
In addition to the built-in rating icons, Star Rating Pro allows you to use Font Awesome icons as custom rating symbols. This means you’re not limited to the default rating styles. You can fully customize the appearance of your rating fields by selecting any Font Awesome icon of your choice.

Star Rating Style
With Star Rating Pro, you can customize the appearance of your rating field by selecting from 10 different styles. This feature allows you to match the star rating design to your website’s theme and branding, ensuring a seamless user experience.

Step 3: Testing the Form Settings
After configuring all the settings, it’s time to test the form to ensure everything is working as expected. Fill out the form step by step, check if the fields are displaying correctly, and verify that the form flow is smooth.
Live Example of CF7 Star Rating Pro
If you want to see how the Star Rating Pro add-on works in real-time, you can check out our live demo form at the following link. This interactive demo allows you to experience how star rating pro works.
Click here to test the Star Rating Pro Add-on in action!
Still Not Clear? Please contact us. If you are a free user, you can open a ticket from here. If you are a Pro user, you can open a ticket from here.