Divi Star Rating

The Divi Star Rating module in Divi Builder is a tool that allows you to display star ratings on your website, offering a visual representation of reviews, feedback, or ratings. It’s perfect for showcasing customer satisfaction, product reviews, or service quality. The module is highly customizable, giving you control over the star ratings’ appearance to match your website’s design and branding.

Live demo of the Star Rating module.

Content

The Content tab of the Star Rating module allows you to set the overall rating by selecting the number of stars and specifying the rating value. It also provides options to add a title and description that can accompany the star rating, giving context to what the rating represents.

Rating

  1. Click Content Tab
  2. Click Content Toggle
  3. Stars: Select the number of stars. Example: 5 Stars
  4. Rating: Set a value. Example: 4.8
  5. Icon Type: FontAwesome (recommended)
  6. Show Label: You can hide and show the rating label.
  7. Label: As a rating label you can insert any text. (no external HTML support) 

Adding Link

  1. If you need to redirect through the rating 
  2. Click Content Tab
  3. Click Link toggle
  4. Add a link on the “Module Link URL” field

Design

The Design tab of the Star Rating module offers various options to customize the appearance of the stars and accompanying text. You can adjust the size, color, and spacing of the stars to fit your design preferences. Additionally, the tab allows you to style the title, description, and overall alignment, ensuring the star rating integrates seamlessly with your website’s visual theme.

  1. Go to the Design Tab 
  2. You will find all the Star Rating elements
  3. Click any of the elements e.g. Label
  4. There will be multiple options and settings for designing the Label
Loading...