CMS: Adding and Setting Up a Ratings Display Element
Add a ratings display element to your site to showcase user feedback and build trust with your audience. After adding and customizing the ratings display element, you connect it to your CMS (Content Management System) collection and choose which Number fields to use for the rating values and total ratings. Need to collect ratings from visitors?Add and set up the ratings input element, which allows visitors to click to rate your products, features, services and more. Before you begin:
Make sure to add the CMS to your site or enable coding if you haven't already.  Make sure you have a CMS collection that stores your ratings. Step 1 | Add and set up the ratings display elementAdd the ratings display element to your page and customize its settings, layout, and design.Wix EditorStudio Editor
Click Add Elements  on the left side of the editor. Click Input. Click Ratings. Click and drag the Ratings Input element of your choice onto the page. 
Click Settings on the ratings display element and click the relevant tab to choose what is shown when there are ratings and when there are no ratings: 
    
Ratings: Choose what you want to show when there are ratings: 
        
Show the rating value: Enable the toggle to show the rating value as a number in addition to the rating icons.  Show the number of ratings: Enable the toggle to show the total number of rankings.  Ratings text label: Enter the text that appears next to the ratings (e.g. "Recommend it").    No Ratings: Click the No Ratings tab and choose what displays when the element loads and there are no ratings: Nothing, Icons, or Placeholder text  
Click the Layout icon  to adjust the size, spacing, value placement, alignment and text direction.  Click the Design icon  to choose a preset design. Then click Customize Design to adjust the design further. 
Click Add Elements  on the left side of the editor. Click Input. Click Rating Display under Display. Click and drag the Rating Display element of your choice onto the page. 
Click Settings on the ratings display element and click the relevant tab to choose what is shown when there are ratings and when there are no ratings: 
    
Ratings: Choose what you want to show when there are ratings: 
        
Show the rating value: Enable the toggle to show the rating value as a number in addition to the rating icons.  Show the number of ratings: Enable the toggle to show the total number of rankings.  Ratings text label: Enter the text that appears next to the ratings (e.g. "Recommend it").    No Ratings: Click the No Ratings tab and choose what displays when the element loads and there are no ratings: Nothing, Icons, or Placeholder text  
Click the Layout icon  to adjust the size, spacing, value placement, alignment and text direction. Click the Design icon  in the Inspector panel to customize the design.Step 2 | Connect the ratings display to the CMSConnect the ratings display element to a dataset that binds to your CMS collection that stores the rankings. You can connect the rating values and the number of ratings to a Number field type or a Reference field. Wix EditorStudio Editor
In your editor, click the ratings display element.  Click the Connect to CMS icon  . Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, select Add a Dataset, then choose the collection you want to connect, give the dataset a name and click Create. Click the Rating value connects to drop-down and select the Number field that contains the rating values you want to display.
Tip: Select Add new field to add a Number field to your collection that will store the rating values.  Click the Number of ratings connects to drop-down and select a Number field that contains the total number of ratings. 
Tip: Select Add new field to add a Number field to your collection that will store the number of ratings. 
Set the dataset mode and collection permissions:
    
Click Dataset Settings.  Click the Dataset mode drop-down and select Read or Read & Write.  (If necessary) Click the permissions type next to Collection Permissions and set up the permissions that determine who can view, add, delete, and update the collection content. Click Save once you're done setting the permissions.   
In your editor, click the ratings display element.  Click the Connect to CMS icon  . Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, select Add a Dataset, then choose the collection you want to connect, give the dataset a name and click Create. Click the Rating value connects to drop-down and select the Number field that contains the rating values you want to display.
Tip: Select Add new field to add a Number field to your collection that will store the rating values.  Click the Number of ratings connects to drop-down and select a Number field that contains the total number of ratings. 
Tip: Select Add new field to add a Number field to your collection that will store the number of ratings. 
Set the dataset mode and collection permissions:
    
Click Dataset Settings.  Click the Dataset mode drop-down and select Read or Read & Write.  (If necessary) Click the permissions type next to Collection Permissions and set up the permissions that determine who can view, add, delete, and update the collection content. Click Save once you're done setting the permissions.   FAQsClick below for answers to common questions about displaying ratings on your site. Can I use Velo to capture and display ratings?Absolutely. View a Velo tutorial on capturing and displaying ratings using the ratings input element and the ratings display element. What type of field can I connect the ratings display element to?You can connect the ratings display element to the Number field type and Reference fields. How can I let visitors rate my features, products and services? Use the ratings input element to let visitors click to rate areas of your site. Their ratings are stored in a Number field type in your CMS collection. What are the dataset modes I can use with the ratings display element?The dataset mode determines what actions can be done between the connected elements and your collection. In the dataset you connect to your ratings display element, you can use the following dataset modes: 
Read: Elements on your page can read and display content from your collection. Site visitors cannot modify the content in your collection.  Read & Write: Elements on your page can read and display content from your collection. Visitors can interact with user input elements and a submit button to add or edit content in your collection. Are there any 3rd party apps I can add to handle ratings and reviews? Yes. As an alternative to the ratings input element, you can install the Kudobuzz Review app.