Inline Product Rating — Filled Stars, Row
Star rating and review count in one line.
Best forAny product with reviews.
Where to place itRight under the product title.
How to use: add the Product Rating block and choose inline · svg · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Pill Product Rating — Outline Stars, Stacked
Rating in a pill with outline stars.
Best forClean stores.
Where to place itUnder the title.
How to use: add the Product Rating block and choose pill · outline · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Product Rating — Single Star
Rating in a card showing one star and the score (4.8).
Best forCompact layouts.
Where to place itNear the price.
How to use: add the Product Rating block and choose card · one · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Product Rating — Text Stars
Soft background with text-character stars.
Best forFriendly stores.
Where to place itUnder the title.
How to use: add the Product Rating block and choose soft · char · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Product Rating — Filled Stars
Outline box with star row.
Best forMinimal pages.
Where to place itUnder the title.
How to use: add the Product Rating block and choose outline · svg · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Product Rating — Outline Stars
Dark badge with outline stars.
Best forPremium stores.
Where to place itNear the price.
How to use: add the Product Rating block and choose dark · outline · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Product Rating — Single Star
Gradient badge with one star.
Best forCampaign pages.
Where to place itUnder the title.
How to use: add the Product Rating block and choose gradient · one · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Score Product Rating — Big Number
Big score number with stars stacked.
Best forHighly rated products.
Where to place itProduct summary.
How to use: add the Product Rating block and choose score · char · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Stacked Product Rating — Filled Row
Stacked rating layout.
Best forHoney stores.
Where to place itUnder the title.
How to use: add the Product Rating block and choose stack · svg · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Inline Product Rating — Outline Stacked
Inline with outline stars.
Best forOil stores.
Where to place itUnder the title.
How to use: add the Product Rating block and choose inline · outline · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Pill Product Rating — Single Row
Pill with one star.
Best forNuts stores.
Where to place itNear the price.
How to use: add the Product Rating block and choose pill · one · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Product Rating — Text Stars
Card with text stars.
Best forPickles.
Where to place itUnder the title.
How to use: add the Product Rating block and choose card · char · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Product Rating — Filled Row
Soft with filled stars.
Best forSpice.
Where to place itUnder the title.
How to use: add the Product Rating block and choose soft · svg · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Product Rating — Outline Stack
Outline all round.
Best forGift items.
Where to place itNear the price.
How to use: add the Product Rating block and choose outline · outline · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Product Rating — Single Row
Dark with one star.
Best forPremium kitchen.
Where to place itUnder the title.
How to use: add the Product Rating block and choose dark · one · row in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Product Rating — Text Stack
Gradient with text stars — eye-catching default.
Best forAny product.
Where to place itUnder the product title.
How to use: add the Product Rating block and choose gradient · char · stack in its style settings
What you can customize in this widget
ColorsStar color, Score color, Count color, Label color, Badge background, Badge color, Box background, Box line, Box border color
Font & text sizeStar size, Score size, Count size
Size & spacingStar gap, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleEmpty mode, Design, Layout, Text align, Star style
Animation & effectsShow count, Count template, Count text, Shadow, Animate, Count up, Animation duration
Show / hide optionsShow stars, Show score, Show out, On, Orig
Text, images & linksSource, Digits, Label, Score, Empty text, Badge, Badge icon, Link mode, Link link, Precision, Padding, Star empty, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0