Document – Contact Form 7 Star Rating Fields

This plugin enables you to collect user ratings or feedback on a scale of stars/other icons, typically ranging from one to five/ten stars. It is commonly used for gathering feedback, reviews, opinions, or ratings on various products, services, or user experiences.

Here are some key features and options offered by the Contact Form 7 Star Rating Field extension:

  1. Customizable rating scale: You can define the number of stars in the rating scale, typically ranging from one to five stars. The scale can be adjusted to suit your specific needs.
  2. Appearance customization: You can customize the appearance of the star rating field, including the size, color, and style of the stars.
  3. Required field validation: You have the option to make the star rating field a required field, ensuring that users provide a rating before submitting the form.
  4. Integration with Contact Form 7: The star rating field integrates seamlessly with Contact Form 7, allowing you to use all the features and functionalities of the parent plugin.
  5. Data collection: The extension collects and stores the star ratings submitted through the forms, enabling you to analyze and utilize the feedback received.

Table of contents:

Installation and settings plugin

  1. Require Contact Form 7
  2. Installation
  3. New form
  4. Email data

Require Contact Form 7 – top

  1. Download: https://wordpress.org/plugins/contact-form-7/

Installation – top

  1. Upload the add-to-any directory to the /wp-content/plugins/ directory.

Stars rating settings field – top

New contact form -> click button “Star Rating” choose settings

And choose settings the filed

How to choose 10 stars?

Click on the checkbox 10 stars in the settings

E.g:

[star star-150 type:1 10stars "0"]

How to set stars’ sizes?

The default size is 16px. You can change it to larger or smaller.

E.g: If you want to change the size to 50px.

[star star-485 size:50 type:1 "0"]

How to set the rating default value?

Choosing a specified value as the default value, type the default value for the field in the Default value box, and then click Insert Tag.

E.g: If you set the default value is 5

[star star-485 size:50 type:1 "5"]

How to choose the type of star rating?

Which type you choose, type the number in the box.

E.g: If you choose type 3

[star star-425 type:3 "0"]

Email data – top

User name ( E.g: [star-68] )


That’s it! We hope this article helped you learn how to add Star rating to your Contact form 7.