Star Rating
Put your score where the decision is made
"4.7 from 1 284 reviews", in stars filled to the tenth, beside the product story, under the hero or on a trust band — as a row of stars, a compact star in a line of text, or a score badge.
Stars with the score and a caption, in three sizes.
Trust at a glance
A score from your review platform, next to the products it is about, answers "is this shop any good?" before the shopper has to go and look.
Stars that match the number
The stars are filled to a tenth of a star, so 4.7 looks like 4.7, not like 4.5 rounded up. You type the number once; the stars, the score and the words for screen readers are drawn from it.
One drag, no integration
No review widget to embed and no script from a third party: drop the element in, type the score and the caption, link it to your reviews.
Use cases
Where shops put it
The shop's average under the hero
Five stars, "4.8 / 5" and "from 2 140 reviews", centred under the headline and linked to your reviews page.
Scores beside a product range
Fit, Comfort and Durability in three columns, each with its score alone and one word as the caption.
A badge beside a call to action
A boxed "9.1" over ten stars and "rated by 58 shops", next to the button that asks for the order.
- Three appearances
- Stars with the score in a row, a compact star at the size of the text, or a score badge.
- The score
- From 0 to 5 or 0 to 10, to one decimal place, with the stars filled to the tenth.
- The score in figures
- "4.5 / 5", "4.5" Or none, with a decimal point or a decimal comma.
- A caption
- Such as "from 1 284 reviews", typed in the form or straight on the stage.
- A link around the whole rating
- To a page, a category, a product or any address.
- Three star sizes and two colours
- The stars, and the outline of the stars not earned.
- Alignment
- From the Advanced tab — a wrapped rating follows it line by line.
Shown in the demo store
4.2, 4.7 And 0.3 with the score alone, and ten stars with a decimal comma.
Compact stars at the size of the text, and three score badges.
Own colours, alignment and a link around the whole rating.
Native and honest
Your content is written in Magento's own format
The page stores the score once, as a number, and draws the stars, the score in figures and the sentence a screen reader hears ("4.7 out of 5 stars", in the store's own language) from it. With the module switched off, the page shows that sentence and your caption as plain text, and a link keeps working. The element adds no structured data: a score you type, with no reviews behind it on the page, is exactly what search engines call misleading markup, so it does not promise stars in search results. The number is yours to keep up to date — nothing reads it from your reviews.
Every element saves itself the way native Page Builder saves its own: a plain <div data-content-type="wrizu_…"> with its settings in data-* attributes, stored with the page. There is no proprietary database table, no shortcode, no second editor and nothing that has to be converted later.
That has a practical consequence. Disable the module and the storefront keeps serving those pages: headings, copy, images, links and buttons stay visible and clickable, and the styling you set per element — alignment, colours, spacing — stays with them, because it lives in a <style> block stored with the page rather than in our stylesheets. What you lose is what our CSS draws: the layouts, the borders and shadows, the button variants and the bundled icons.
One honest warning
With the module switched off, do not open and save a page that contains Wrizu elements — Page Builder flattens any page holding a content type it does not know into a single HTML Code block, and that save cannot be undone. It behaves that way with every unknown content type, not only with ours, and the storefront is unaffected either way; the rule is simply to leave those pages alone until the module is back on.
Works with any Luma-based theme
The elements are built on the same front-end stack the native Page Builder uses: jQuery and the libraries Page Builder already loads. They target Luma-based themes — Magento Blank, Luma, and the custom themes shops build on either of them.
Buttons use Luma's own button mixins, so a Wrizu button looks like a button from your theme rather than like a button from a plug-in. All of the module's CSS is scoped to [data-content-type^="wrizu_"], so it styles our elements and nothing else in your theme.
Requirements
- Magento Open Source or Adobe Commerce 2.4.6 or newer, with the
Magento_PageBuildermodule enabled - PHP 8.1 to 8.5 — whichever your Magento version supports
- No other extension, no external icon font, no CDN dependency
Questions about this element
Conversion & trust
More in Conversion & trust
Auto Popup
The same window with no trigger: it opens itself after a delay you set.
Comparison Table
Two to five things side by side, a row per feature, one column recommended.
Countdown Timer
Days, hours, minutes and seconds down to a deadline you set.
Coupon Code
A discount code on a ticket, in a line or on a banner, with a button that copies it.
CTA Box
A call-to-action band with a heading, a subheading and up to two buttons.
CTA Popup
A button or a text link that opens a window holding real Page Builder content.
Logo Cloud
A row of brand, partner or payment marks, as a grid or a carousel — or a row of social icons.
Newsletter Signup
Your store's own newsletter subscription as a bar, a card or a full-width band.
Pricing Table
Columns of plans with feature lists and a call to action in each.
Testimonials Slider
A carousel of customer quotations with photographs and star ratings.
Thirty-five conversion elements for the Page Builder you already have
Wrizu Page Builder Extensions adds them to the native Magento 2 Page Builder — no second editor, no proprietary format, no content held hostage.