Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

Star Rating Module

Using the Divi Plus Star Rating module you can add a rating title beautifully on the webpage and it contains a lot of features that make the rating section eye-catching more than ever.

star-rating-divi

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Star Rating module.
star-rating-insert

Content Tab

  1. Add Star Rating Title: Go to the Content tab >> Configuration settings >> Title >> input the text.
  2. How to Input Actual Rating Number: Go to the Configuration settings >> Rating >> input the value.
  3. How to Input Rating Number Out Of: Go to the Configuration settings >> Rating Out Of >> input the value.
  4. Add Image to the Star Rating: Go to the Configuration settings >> Image >> add the image.
  5. How to Add Alternative Text to the Image: Go to the Configuration settings >> Image Alt Text >> insert the custom text.
  6. Add Description to the Star Rating: Go to the Configuration settings >> Description >> then input the text.
  7. How to Change Rating Position: Go to the Content tab >> Display settings >> Rating Position >> choose Below Title or After Title.
  8. How to Hide Rating Numbers: Go to the Display settings >> Show Rating Number >> check as NO.
divi-star-rating-content
divi-display-rating

Design Options

  1. How to Change Star Rating Alignment: Go to the Design tab >> Alignment >> choose any position as required.
  2. Style Star Rating Title Text: Go to the Design tab >> Title >> apply text customizations.
  3. Style Description: Go to the Design tab >> Description >> apply customizations.
  4. Style Star Rating Numbers: Go to the Design tab >> Rating Number >> apply customizations as required.
  5. Style Stars: Go to the Design tab >> Stars >> apply customizations.
star-rating-divi-design
Table of Contents