Elementor is a popular page-building tool that allows you to create different types of forms using its drag-and-drop Form Widget. With its form fields, you can easily build contact forms, registration forms, lead generation forms, and more.
However, when it comes to collecting user feedback, satisfaction levels, or customer reviews, the built-in Elementor Form Fields has a limitation, it does not include a dedicated Elementor rating field.
As a result, Elementor feedback or reviews are collected using text fields, which slows down the feedback process.
Text reviews require users to type detailed responses, which is time-consuming and may discourage participation.
But with the dedicated rating field, selecting symbols takes only a few seconds compared to writing a detailed review.
However, the Elementor Form Widget does not include a built-in rating field, thus making it difficult to collect user feedback.
To add a rating input field to your Elementor forms, you’ll need an additional plugin that is Cool FormKit.
It is a powerful addon that works smoothly with Elementor Forms. It allows you to add rating field inside Elementor Forms, to collect user feedback through stars, hearts, and other rating styles.
Along with the rating field, it provides 25+ extra form fields and features to Elementor Forms, including Conditional Logic, Country Code, Range Slider, and more.
In this article, you’ll learn how to add an Rating Field inside Elementor forms using Cool FormKit.
But let’s first understand what a Rating Field is and why you should use it.
What is a Rating Field for Elementor Form?
A Rating field allows users to share their experience by using stars, numbers, hearts, or other rating symbols. It lets users share their opinions quickly and leads to a better response rate.
Users can quickly share their opinion with a single click. This makes feedback forms more interactive and easier to complete and leads to higher response rates.
Adding a rating field in Elementor forms helps businesses get better insights into customer experiences, identify areas for improvement, and make better decisions based on user feedback.
Now, let’s go through the step-by-step process to add a Rating Field for Elementor Form using Cool FormKit,
Step-by-Step Guide to Add Rating Field in Elementor Form
- Before getting started, make sure that the following plugins are installed and activated on your WordPress website:
- Next, make sure you have “Turned on“ the Rating Field feature in the WordPress Admin Panel >> Elementor >> Cool FormKit >> Form Elements Tab. After selecting the field, click on Save Changes.
- Navigate to the Content section of your Form Field and in the Field Type dropdown, select Rating.
- Once you’ve selected the rating field, you can customize its behavior and appearance using the following options:
Customization options
- Rating Scale: Choose the rating range (e.g., 0–5 or 0–10) to define how many icons should be displayed.
- Default Rating: Pre-select an initial value that appears when the form loads.
- Step: The Step setting allows you to specify the intervals at which the selection can increase or decrease as you hover over the icons.
- Icon Size & Spacing: Adjust the size of the rating icons and the space between them for better alignment with your design.
- Rating Icon: Choose a built-in icon (stars, hearts, etc.) from the dropdown or upload a custom icon (SVG uploads).
- Marked Color: Set a color for the selected (active) portion of the icons.
- Unmarked Color: Set a color for the unselected (inactive) portion of the icons.
- Alignment: Adjust the horizontal alignment of the rating icons (left, center, or right).
- Show Rating Value: Enable this option to display the numerical score (e.g., “4.5/5”) along with icons.
- Click Update or Publish at the bottom of the Elementor panel. View the live page to test the rating field and make sure everything functions perfectly.
Conclusion
By adding a rating field to Elementor Forms, you can make feedback forms more engaging, improve response rates, and gather more consistent feedback data.
Cool FormKit provides you with the option to add a Rating Input Field for Elementor with many customization options.
FAQs
Does Elementor have a built-in rating field?
No, Elementor Forms does not include a built-in rating field. You need an addon such as Cool FormKit to add a rating field to your forms.
Can I add a Rating Field to my Elementor Form?
Yes, you can. To add a rating field in Elementor form, you need an additional addon, because Elementor does not provide a rating field by default. So, you need to install Cool FormKit to add rating options such as stars, hearts, or other icons to your form.
Does Elementor have a star rating generator?
Elementor does not include a built-in star rating generator for forms. However, you can use addons like Cool FormKit to add and customize star ratings in your Elementor Forms.
How do I add a star rating to an Elementor Form?
You can add a star rating to your Elementor Form using the rating field feature provided by Cool FormKit. It has a rating icon option that lets you choose the icon of your choice for your Elementor form. You can choose a star, heart, diamond, or emoji icons and other rating symbols as per your requirements.
What is an SVG rating icon?
SVG (Scalable Vector Graphics) is an image format used in a rating field. It allows you to use custom icons, such as stars, hearts, or thumbs-up symbols, while maintaining clear image quality on all screen sizes.
Can I customize the rating field in Elementor?
Yes, by using Cool FormKit, you can customize the rating style, number of icons, size, colors, and other display settings.
