Free Blogging Tool
Star Rating Widget Previewer
Pick your star rating, customize the style, then copy a ready-to-use HTML snippet or JSON-LD schema for your blog post.
Click to set rating
4 / 5 — Good
Size
Style
Options
Rating set to 4 out of 5 — Good.Good
4Rating
5Max Stars
80%Score
GoodLabel
Live Widget Preview
4/5Good
HTML Embed Snippet
<div style="display:inline-flex;align-items:center;gap:2px;">
<span style="color:#ffc400;font-size:28px;line-height:1;">★</span>
<span style="color:#ffc400;font-size:28px;line-height:1;">★</span>
<span style="color:#ffc400;font-size:28px;line-height:1;">★</span>
<span style="color:#ffc400;font-size:28px;line-height:1;">★</span>
<span style="color:#444;font-size:28px;line-height:1;">★</span>
<span style="font-family:sans-serif;font-size:14px;color:#fff;margin-left:6px;vertical-align:middle;font-weight:700;">4/5</span>
<span style="font-family:sans-serif;font-size:14px;color:#ccc;margin-left:6px;vertical-align:middle;">Good</span>
</div>
JSON-LD Schema Markup
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Product Name",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 4,
"bestRating": 5,
"worstRating": 1,
"ratingCount": 1
}
}
</script>
How to use the star rating widget
Paste the HTML snippet anywhere in your blog post body
Add the JSON-LD schema to your page head for Google rich results
Use half stars for more precise review scores like 4.5
Gold color works best for affiliate product reviews
Star ratings in review posts can improve click-through rate from search
Place the widget near the top of your review post for best visibility
