/ Documentation /Blocks/Star Rating

Star Rating

Star ratings are one of the important factors that help to build trust for your brand. It is a great social proof that can attract users to your products and services.

Star Rating block allows you to display star ratings anywhere on your Gutenberg pages.

Star Rating

You can add title and star ratings with your favourite colors and typography.

So, go through the following sections of this help document to know more about the Star Rating Block, exploring its features, customization options, and how it can benefit your website.

What is the Star Rating Block?

The Star Rating Block in Spectra allows you to easily add a star rating element to any page or post on your website. Your website visitors can then use this element to leave their ratings with a simple click or tap, providing valuable feedback.

How to Use the Star Rating Block in Spectra?

Spectra’s Star Rating Block offers a straightforward setup process. Here’s a general breakdown:

Navigate to the page or post where you want to add the star rating block. Within your WordPress editor, in the search bar, type “Star Rating” or look for the corresponding icon within the Spectra block library.

The Star Rating Block offers various customization options. You can adjust the number of stars displayed (typically 5), enable or disable a title, choose the title’s location (before or after the stars), set the default rating, and manage styling options like star color and spacing.

How to Style the Star Rating Block

Spectra’s Star Rating Block offers a range of customization options to help you style it to match your website’s design and enhance user experience. Here are the key styling settings:


  • Marked and Unmarked Stars: You can choose the color of the filled stars and empty stars.
  • Size: Choose the size of the star.
  • Gap between the Stars: You can set the gap between the stars.

Title: Choose the typography and color for the title text. Manage the spacing between title and star ratings.

Spacing: You can choose the padding and margin for the star rating block.

By experimenting with these styling options, you can design a star rating block that seamlessly integrates with your website’s design.

We trust this document has been helpful to you. If you have any questions or need further assistance, please don’t hesitate to leave a comment below. Your feedback is valuable to us!

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page
Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.