---
title: Article rating with star rating block in Purple Hub
slug: editorial/article-rating-with-star-rating-block-in-purple-hub
description: Article rating with star rating block in Purple Hub
docTags: 
createdAt: 2022-10-11T13:27:26.000Z
---

<font color="#0c121d">Purple Hub</font>

***

### Summary

- The block is add-able to the text editor in Purple Hub
- The block appears in the app/website preview
- The block appears in the app/website
- The users can vote for the content with the given star rating

***

### How-to guide

1. For using the feature in your WordPress User Interface, click on  'Purple Feed' in the left-hand side menu bar. Click on 'Articles' and 'Add Article'.  

![](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/LVEd-NW3_spZUb3E-vA8g_picture-1.png)

2\. Click on the '+' icon on the upper left-hand side to open the block menu. 

![](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/91SqPTzHStQ5iBM6nUeUA_picture-2.png)

3\. Choose the 'Star rating block' and click on it to add it to the article.

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/Qy5TNHMc7eL0AIxvVnN-j_picture-3.png" size="50" width="427" height="281" position="center" showCaption="false"}

4\. To configure the star rating, click next to the block to open the menu, choose the three-dot menu, and click on 'Show Block Settings'.

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/Z5Yy2aWpv_n8gM1hjUero_picture-4.png" size="70" width="660" height="583" position="center" showCaption="false"}

5\. In the right-hand sidebar, you can now customize the star rating: colour, amount, size, and value. You can also change the colour of the text below the stars. 

![](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/EGppoA0yrtS51wlIZmD2W_picture-5.png)