Add reviews snippet on Product page in Shopify without app

Add Reviews on Shopify products page with a simple Liquid snippet. Compatible with Horizon and Dawn themes. Fully customizable, no app required.

1.Add custom liquid

1. Go to Online Store – Themes – Edit theme.
2. Open Product page template
3. Add custom liquid and insert code.

<div class="custom-review" role="article">
  <div class="stars" aria-hidden="true">

    <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.788 1.402 8.17L12 18.896l-7.336 3.472 1.402-8.17L.132 9.21l8.2-1.192L12 .587z"/></svg>
    <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.788 1.402 8.17L12 18.896l-7.336 3.472 1.402-8.17L.132 9.21l8.2-1.192L12 .587z"/></svg>
    <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.788 1.402 8.17L12 18.896l-7.336 3.472 1.402-8.17L.132 9.21l8.2-1.192L12 .587z"/></svg>
    <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.788 1.402 8.17L12 18.896l-7.336 3.472 1.402-8.17L.132 9.21l8.2-1.192L12 .587z"/></svg>
    <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.788 1.402 8.17L12 18.896l-7.336 3.472 1.402-8.17L.132 9.21l8.2-1.192L12 .587z"/></svg>
  </div>
<span class="review-text">4.9 | 114 reviews</span>
</div>

<style>
.custom-review { 
 display:flex;flex-direction:row;
gap:8px; font-weight:bold;align-items:center;}

.stars{
display:flex;}
.stars svg { fill: #f5a623; margin-right: 2px; }

.review-text { margin: 0px; font-size: 14px; }
</style>

2. Change reviews text (optional)

You can change the rating (currently 4.9) and the number of reviews(114).

<span class="review-text">4.9 | 114 reviews</span>