Where to Place Reviews on a Shopify Product Page
Where reviews belong on a Shopify product page: a star summary by the title and price, full reviews below the description, anchor links and mobile order.
Place reviews in two spots on a Shopify product page: a compact star summary beside the title and price, where the buying decision starts, and the full reviews in their own section below the product description. Link the first to the second, so that a tap on the stars takes the shopper straight to the detail. This guide covers each placement, how the order should change on mobile, whether stars belong on collection pages, and why reviews should not be shut away behind a tab.
Why do reviews need two placements?
Because shoppers use reviews at two different moments. Early on, they want a quick signal that the product is worth their attention: an average and a count. Later, with a specific doubt in mind, they want to read what people wrote about fit, durability or delivery.
One placement cannot serve both. A full review list at the top pushes the price and the add-to-cart button down the page, and a summary at the bottom is missed by the shopper who needed that first signal. So the summary goes high and small, and the detail goes low and complete.
Where should the star summary go?
Directly under the product title, close to the price, and above the add-to-cart button. That is where the shopper reads what the product is and what it costs, so the rating can do its work before they decide whether to keep reading.
Keep the summary to three elements:
- the stars;
- the average as a number, such as 4.6;
- the review count, such as '128 reviews'.
Show the count as well as the average: a 4.6 from 128 reviews means something different from a 5.0 from two.
For a product with no reviews yet, show nothing in this position. A row of five empty stars beside the price looks like a product rated zero.
Where should the full reviews go?
Below the product description and specification, in a full-width section of their own. By then the shopper has seen the images, the price and the main claims, and the reviews answer what is left.
Within that section, the order matters:
- A summary block: the average, the count and the breakdown by star rating, so shoppers can see the spread at a glance.
- Customer photos, if you have them, as a strip above the text. See how to get more photo reviews.
- The review list, with controls to sort by newest or lowest rating.
- Pagination or a 'show more' control, so the page does not load every review at once.
Keep reviews above 'you may also like' rows and newsletter forms. Those are exits from the page, and reviews are part of the argument for staying on it.
What is a sticky anchor, and do you need one?
An anchor is a link from the star summary to the reviews section. Make the stars and the count tappable, and have the tap scroll the page to the full reviews. It is a small detail that makes the two placements work as one.
On long product pages, a sticky element helps further. If your theme keeps a bar fixed on screen as the shopper scrolls, including the star summary in it keeps the rating in view from anywhere on the page.
Check two things when you set this up:
- the scroll stops at the top of the reviews section, not partway through or hidden under a fixed header;
- if the reviews are inside a collapsed element, the tap opens it as well as scrolling to it.
Should reviews sit behind a tab or an accordion?
Not if the reviews content is hidden by default. Tabs and accordions are a tidy way to organise a long page, but content behind a closed tab is easily missed, and reviews are something shoppers actively look for.
The risks with a closed tab:
- the anchor from the star summary scrolls to a tab that is still shut;
- some implementations load the tab's content only when it is opened, which can cause trouble for the visible-rating requirement behind search stars, discussed in why review stars are not showing in Google.
A tabbed layout can work when the reviews tab is open by default, or when the summary block stays visible above the tabs and the anchor opens the right tab. Collapse reference material such as care instructions before you collapse reviews.
How should the order change on mobile?
On a phone everything is one column, so the order of sections does the job that layout does on desktop. A workable sequence is:
- product images;
- title, star summary and price;
- variant choices and add to cart;
- short description;
- full description and specification, collapsed if long;
- reviews;
- related products.
The star summary must stay next to the title on mobile. Themes sometimes reorder blocks at small widths and leave it beneath the description. Check this on a real phone.
Do stars belong on collection pages?
Yes, where you have enough reviews for them to be meaningful. A star average and count under each product card helps shoppers choose between similar items.
Two cautions apply. If only a few products in a collection have reviews, the stars make the rest look neglected, so wait until coverage is reasonable. And keep the stars small, since the card's job is to show the product.
Whether you can show stars on collection cards depends on your theme and your reviews app, so check both first.
In Marka Reviews, star ratings, summaries, media galleries and the other layouts are separate widgets, added to product pages from the theme editor with a live preview, so you can place each one where this guide suggests without theme code. The layouts themselves are compared in review widget layouts: carousel, grid, list or gallery.
A short checklist
- Put stars, average and count under the title, near the price.
- Put the full reviews in their own section below the description.
- Link the star summary to the reviews section and test the scroll.
- Keep reviews open by default, not behind a closed tab.
- Check the order of blocks on a real phone.
- Add collection-page stars once coverage across products is reasonable.
Placement decides whether the reviews you have collected are seen at all. The collecting side is set out in our guide to verified product reviews on Shopify, and Marka Reviews provides the widgets to put each piece in its place.
Work with us
House of Marka is the applied-AI and commerce engineering studio of Marka Modern Retail Private Limited. We research, advise and then build — for merchants and enterprises in the US, UK and Europe.