Back to Shopify Liquid
Shopify Liquid
Trustpilot
Drop this Shopify Liquid snippet into your theme to add the trustpilot block. Copy the code below, paste it into your theme files, save and you're done.
47 lines · 1.5 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 Rating</title>7 <style>8 .container-trustpilot {9 background-color: #e9f8fe;10 border: 1px dashed #006400; /* Koyu yeşil border */11 padding: 5px 5px;12 display: flex;13 align-items: center;14 justify-content: center;15 border-radius: 10px;16 }17 .container-trustpilot img {18 margin: 0 10px;19 }20 .container-trustpilot .stars {21 max-width: 80px; /* Increased size for the star image */22 }23 .container-trustpilot .logo {24 max-width: 70px;25 }26 .container-trustpilot span {27 margin: 0 5px;28 }29 .excellent {30 color: #000;31 font-size: 12px;32 }33 .rating-text {34 color: #000;35 font-size: 10px;36 }37 </style>38</head>39<body>40 <div class="container-trustpilot">41 <span class="excellent"><b>"EXCELLENT"</b></span>42 <img class="stars" src="https://cdn.shopify.com/s/files/1/0647/2148/6072/files/4.5-stars-trustpilot_2157d8d9-101e-46a2-a3fe-ac80f2fecf10.png?v=1688082792" alt="4.4/5 Rating">43 <span class="rating-text">rated 4.4/5 on</span>44 <img class="logo" src="https://cdn.shopify.com/s/files/1/0647/2148/6072/files/Trustpilot_Logo__2022_.svg_2.png?v=1687091440" alt="Trustpilot Logo">45 </div>46</body>47</html>
