Back to Shopify Liquid
Shopify Liquid
Trustpilot Comment
Drop this Shopify Liquid snippet into your theme to add the trustpilot comment block. Copy the code below, paste it into your theme files, save and you're done.
244 lines · 10.2 KB
Shopify Liquid
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Trustpilot Reviews</title>7 <style>8 body.FgVdQeK8P7 {9 font-family: Arial, sans-serif;10 background-color: #f5fdf5;11 margin: 0;12 padding: 0;13 }1415 h1.d3FsH6IqT4 {16 margin-top: 30px;17 font-size: 26px;18 font-weight: bold;19 color: #333;20 text-align: center;21 }2223 h1 .AaB2Y5Gp9f {24 background: linear-gradient(to bottom, #28a745 0%, #d3f9d8 100%);25 -webkit-background-clip: text;26 color: transparent;27 }2829 p.RwV2N5Lt0I {30 margin-top: 5px;31 font-size: 16px;32 color: #555;33 text-align: center;34 }3536 .LaVtZ1Q0xK {37 display: flex;38 align-items: center;39 justify-content: center;40 font-family: Arial, sans-serif;41 font-size: 14px;42 color: #333;43 margin-top: 10px;44 }4546 .KsF9M8H2Ej {47 display: flex;48 align-items: center;49 margin-right: 10px;50 }5152 .KsF9M8H2Ej img {53 max-width: 100px;54 width: 100px;55 height: auto;56 }5758 .jX4N5P7Dr6 {59 font-weight: normal;60 }6162 .Yk4V8N6Vf1 {63 font-weight: bold;64 }6566 .zT8B3S1VgD {67 font-weight: normal;68 margin-left: 5px;69 }7071 .F0rW6K8yEz {72 display: flex;73 flex-wrap: nowrap;74 gap: 20px;75 overflow-x: scroll;76 padding: 20px;77 margin: 20px auto;78 width: 90%;79 box-sizing: border-box;80 }8182 .nQ0V3S1vD7 {83 background-color: white;84 border-radius: 8px;85 padding: 20px;86 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);87 text-align: left;88 position: relative;89 border-left: 4px solid #28a745;90 width: 400px;91 flex-shrink: 0;92 }9394 .nQ0V3S1vD7 .Fb0W9T8TjZ {95 font-weight: bold;96 margin-bottom: 5px;97 font-size: 14px;98 color: #333;99 }100101 .nQ0V3S1vD7 .rT9B3G2MdF {102 font-size: 12px;103 color: #777;104 margin-bottom: 15px;105 }106107 .nQ0V3S1vD7 .gP9Z3A2Kn7 {108 font-size: 14px;109 color: #555;110 margin-bottom: 15px;111 line-height: 1.6;112 }113114 .nQ0V3S1vD7 .Vh3J2R4Nw1 {115 font-size: 12px;116 color: #28a745;117 font-weight: bold;118 }119120 .nQ0V3S1vD7 .Bz5W3F7Wz2 {121 margin-top: 10px;122 }123124 .Bz5W3F7Wz2 svg {125 width: 16px;126 height: 16px;127 fill: #28a745;128 }129130 .iX7Q3H6Fv4 {131 font-size: 14px;132 margin-top: 20px;133 color: #555;134 text-align: center;135 }136137 .iX7Q3H6Fv4 span {138 background-color: #28a745;139 color: white;140 padding: 2px 8px;141 border-radius: 4px;142 }143144 /* Scrollbar styling for horizontal scrolling */145 .F0rW6K8yEz::-webkit-scrollbar {146 height: 8px;147 }148149 .F0rW6K8yEz::-webkit-scrollbar-thumb {150 background-color: #28a745;151 border-radius: 10px;152 }153154 .F0rW6K8yEz::-webkit-scrollbar-track {155 background-color: #f5fdf5;156 }157158 /* Green gradient at the bottom with fading upwards */159 .iX7Q3H6Fv4 {160 background: linear-gradient(to top, #d3f9d8 0%, #e1f7e0 60%, #f5fdf5 100%);161 padding: 20px;162 text-align: center;163 }164 </style>165</head>166<body class="FgVdQeK8P7">167168 <h1 class="d3FsH6IqT4">Your <span class="AaB2Y5Gp9f">satisfaction</span> is our success</h1>169 <p class="RwV2N5Lt0I">We value your feedback</p>170171 <div class="LaVtZ1Q0xK">172 <div class="KsF9M8H2Ej">173 <img src="https://i.imgur.com/EHjNmTM.png" alt="5 stars">174 </div>175 <div class="jX4N5P7Dr6">176 Trustscore <span class="Yk4V8N6Vf1">4.9 | 14,500+</span> reviews177 </div>178 </div>179180 <div class="F0rW6K8yEz">181 <div class="nQ0V3S1vD7">182 <div class="Fb0W9T8TjZ">Julia M.</div>183 <div class="rT9B3G2MdF">Just now</div>184 <div class="gP9Z3A2Kn7">"Before, I struggled to balance work and workouts. With this reformer, I can quickly exercise at home after work. In just a few weeks, my core strength and posture improved dramatically."</div>185 <div class="Vh3J2R4Nw1">✔ Verified Review</div>186 <div class="Bz5W3F7Wz2">187 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>188 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>189 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>190 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>191 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>192 </div>193 </div>194195 <div class="nQ0V3S1vD7">196 <div class="Fb0W9T8TjZ">Michaela R.</div>197 <div class="rT9B3G2MdF">2 hours ago</div>198 <div class="gP9Z3A2Kn7">"Thanks to the reformer, I can work out while my baby sleeps. In just 10 days, I lost 3 kg and feel stronger and more energetic thanks to regular training."</div>199 <div class="Vh3J2R4Nw1">✔ Verified Review</div>200 <div class="Bz5W3F7Wz2">201 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>202 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>203 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>204 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>205 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>206 </div>207 </div>208209 <div class="nQ0V3S1vD7">210 <div class="Fb0W9T8TjZ">Anissa T.</div>211 <div class="rT9B3G2MdF">1 week ago</div>212 <div class="gP9Z3A2Kn7">"Before getting the mobile Pilates reformer in early 2024, my workouts were irregular. Now, I can train at home anytime and have seen improvements in strength, flexibility, and muscle tone within a few weeks."</div>213 <div class="Vh3J2R4Nw1">✔ Verified Review</div>214 <div class="Bz5W3F7Wz2">215 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>216 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>217 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>218 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>219 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>220 </div>221 </div>222223 <!-- New review cards -->224 <div class="nQ0V3S1vD7">225 <div class="Fb0W9T8TjZ">Sophia A.</div>226 <div class="rT9B3G2MdF">3 hours ago</div>227 <div class="gP9Z3A2Kn7">"Previously, I spent a fortune on Pilates classes, some costing up to 100 euros. The new FitCore reformer cost less than one class and gives me the freedom to plan my workouts from home."</div>228 <div class="Vh3J2R4Nw1">✔ Verified Review</div>229 <div class="Bz5W3F7Wz2">230 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>231 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>232 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>233 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>234 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431L24 9.748l-6 5.832 1.42 8.271L12 18.896l-7.42 4.955L6 15.58l-6-5.832 8.332-1.73z"/></svg>235 </div>236 </div>237238 </div>239240 <div class="iX7Q3H6Fv4">Based on <span>76,900</span> verified reviews</div>241242</body>243</html>
