Gradient Rating Summary — Stacked Bars
Average rating with star bars (5★ to 1★) in gradient colors.
Best forShowing overall rating before reviews.
Where to place itRight above the reviews section.
How to use: add the BD Rating Summary (COD) block and choose gradient · stack · gradient in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Medallion Rating Summary — Side Thin Bars
Rating shown in a round medal with thin bars beside it.
Best forPremium-looking trust section.
Where to place itNear the price.
How to use: add the BD Rating Summary (COD) block and choose medallion · side · thin in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Banner Rating Summary — Thick Bars
Full-width banner with big rating and thick bars.
Best forStores with high ratings to show off.
Where to place itMid-page.
How to use: add the BD Rating Summary (COD) block and choose banner · stack · thick in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Rating Summary — Segment Bars
Clean rating with segmented bars.
Best forMinimal pages.
Where to place itAbove reviews.
How to use: add the BD Rating Summary (COD) block and choose minimal · side · segments in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Split Rating Summary — Striped Bars
Score on one side, striped bars on the other.
Best forDesktop pages.
Where to place itReviews section.
How to use: add the BD Rating Summary (COD) block and choose split · stack · striped in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Rating Summary — Side Gradient
Rating in a card with gradient bars.
Best forNuts and premium foods.
Where to place itAbove reviews.
How to use: add the BD Rating Summary (COD) block and choose card · side · gradient in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Rating Summary — Thin Bars
Soft pastel card with thin bars.
Best forFriendly food brands.
Where to place itAbove reviews.
How to use: add the BD Rating Summary (COD) block and choose soft · stack · thin in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Outline Rating Summary — Thick Bars
Outline card with thick bars.
Best forClean spice pages.
Where to place itReviews section.
How to use: add the BD Rating Summary (COD) block and choose outline · side · thick in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Dark Rating Summary — Segments
Dark card with segmented bars.
Best forPremium pages.
Where to place itDark section.
How to use: add the BD Rating Summary (COD) block and choose dark · stack · segments in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Gradient Rating Summary — Side Striped
Gradient score with striped bars.
Best forCampaign pages.
Where to place itAbove reviews.
How to use: add the BD Rating Summary (COD) block and choose gradient · side · striped in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Medallion Rating Summary — Stacked Gradient
Medal with stacked gradient bars.
Best forGift products.
Where to place itNear the offer.
How to use: add the BD Rating Summary (COD) block and choose medallion · stack · gradient in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Banner Rating Summary — Side Thin
Banner with thin bars on the side.
Best forPickle and snack stores.
Where to place itMid-page.
How to use: add the BD Rating Summary (COD) block and choose banner · side · thin in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Minimal Rating Summary — Thick Stack
Minimal with thick bars.
Best forSimple pages.
Where to place itAbove reviews.
How to use: add the BD Rating Summary (COD) block and choose minimal · stack · thick in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Split Rating Summary — Side Segments
Split layout with segments.
Best forHoney pages.
Where to place itReviews section.
How to use: add the BD Rating Summary (COD) block and choose split · side · segments in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Card Rating Summary — Striped Stack
Card with striped bars.
Best forKitchen staples.
Where to place itAbove reviews.
How to use: add the BD Rating Summary (COD) block and choose card · stack · striped in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0
Soft Rating Summary — Side Gradient
Soft card with gradient bars — friendly default.
Best forAny product.
Where to place itAbove the reviews.
How to use: add the BD Rating Summary (COD) block and choose soft · side · gradient in its style settings
What you can customize in this widget
ColorsTitle color, Score color, Star color, Count color, Row color, Track color, Fill color, Panel background, Panel line, Badge background, Badge color, Accent, Background, Box background, Box border color
Font & text sizeTitle size, Score size, Star size, Count size, Row size
Size & spacingBar height, Bar radius, Label w, Gap, Radius, Box margin, Box background size, Box radius
Layout & styleStars mode, Design, Layout, Text align, Bar style
Animation & effectsCount text, Count template, Animate, Count up, Animation duration, Hover, Animation, Shadow
Show / hide optionsShow out, Show bars, Boxed, On, Orig
Text, images & linksTitle, Subtitle, Source, Digits, Score, Stars, Badge, Badge icon, Note, Link text, Link link, Row meta, Rows, Star empty, Primary, Ink, Border, Padding, Box padding, Box background image, Box overlay, Box overlay o, Box border, Key, Product, W0