Beyond the Basics: Adding Scrolling Testimonials, Rich Descriptions & Multi-Language Support to Your Shopify Store

Hey there, fellow store owners! Ever found yourself scrolling through the Shopify Community forums, looking for that one little tweak to make your store shine? I certainly do! Recently, a fantastic discussion popped up, kicked off by GermanAudioTech, asking about adding a scrolling marquee of testimonials, among other things. It quickly blossomed into a rich exchange of ideas, covering everything from dynamic product descriptions to multi-language support. It’s exactly the kind of real-world problem-solving that makes the community so invaluable. Let's dive into some of the golden nuggets shared in that thread, and I'll walk you through how you can implement these enhancements on your own Shopify store.

Bringing Your Testimonials to Life with a Scrolling Marquee

GermanAudioTech wanted to showcase their 15 years of glowing customer feedback with a sleek, continuously scrolling testimonial section. This is brilliant for building trust! But before we jump into the "how," a quick but important note from Maximus3 in the thread: always ensure your testimonials are genuine. GermanAudioTech confirmed theirs were, which is key for maintaining integrity. Now, for the implementation, we saw a couple of great approaches.

Option 1: The Customizable Code Approach (Recommended for Vintage Themes)

If you’re running a vintage theme like Supply (which GermanAudioTech was), you'll find it doesn't have a built-in marquee block. No worries! Ploqo, a super helpful expert in the thread, provided a fantastic step-by-step guide to create a custom section. This method is great because it integrates directly into your theme's customizer, giving you control without needing to touch code every time you want to update content.

Here's how to set up your own customizable testimonials marquee:

1. Upload your badge image (if applicable): If you want to include a trust badge, go to Content > Files > Upload files and add your image. Click the image to copy its link – you'll need this later for product pages.
2. Create the custom section file:
   • From your Shopify admin, go to Online Store > Themes.
   • Next to your live theme (Supply in GermanAudioTech's case), click the ... menu and select Edit code.
   • In the left-hand directory, find the sections folder. Click the New file icon.
   • Name the new file testimonial-marquee and ensure the type is Liquid. Then click Done.
   

3. Paste the code: Delete any starter code in the new file, then paste the following Liquid and CSS code provided by Ploqo. Remember to click Save.

   {%- assign speed = section.settings.speed | default: 40 -%}
   
   
     {%- if section.settings.heading != blank -%}
       
   
         {{ section.settings.heading }}
       
     {%- endif -%}
   
     
   
       
   
         {%- for i in (1..2) -%}
           {%- for block in section.blocks -%}
             
   
               
   ★★★★★
               
   {{ block.settings.quote }}
               {%- if block.settings.name != blank -%}
                 
   {{ block.settings.name }}
               {%- endif -%}
             
           {%- endfor -%}
         {%- endfor -%}
       
     
   
   
   
   
   {% schema %}
   {
     "name": "Testimonials marquee",
     "settings": [
       { "type": "text", "id": "heading", "label": "Heading", "default": "What our customers say" },
       { "type": "range", "id": "speed", "min": 15, "max": 90, "step": 5, "unit": "s", "label": "Scroll speed (lower = faster)", "default": 40 },
       { "type": "range", "id": "card_width", "min": 240, "max": 480, "step": 10, "unit": "px", "label": "Card width", "default": 320 },
       { "type": "header", "content": "Colors" },
       { "type": "color", "id": "bg_color", "label": "Section background", "default": "#0f1115" },
       { "type": "color", "id": "heading_color", "label": "Heading text", "default": "#ffffff" },
       { "type": "color", "id": "card_color", "label": "Card background", "default": "#ffffff" },
       { "type": "color", "id": "text_color", "label": "Card text", "default": "#1a1a1a" },
       { "type": "header", "content": "Spacing" },
       { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "Padding top", "default": 48 },
       { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "Padding bottom", "default": 48 }
     ],
     "blocks": [
       {
         "type": "testimonial",
         "name": "Testimonial",
         "settings": [
           { "type": "textarea", "id": "quote", "label": "Quote", "default": "Fantastic service and the radio works perfectly." },
           { "type": "text", "id": "name", "label": "Customer name", "default": "Happy customer" }
         ]
       }
     ],
     "presets": [
       { "name": "Testimonials marquee",
         "blocks": [
           { "type": "testimonial" }, { "type": "testimonial" }, { "type": "testimonial" },
           { "type": "testimonial" }, { "type": "testimonial" }
         ]
       }
     ]
   }
   {% endschema %}

   

4. Add the section to your homepage:
   • Go back to Online Store > Themes, and click Customize.
   • On your home page, click Add section in the left sidebar, and you'll now see your new Testimonials marquee option. Select it.
   

5. Add and style your testimonials:
   • Click on the new Testimonials marquee section. You’ll see preset testimonial blocks. Click each Testimonial block to enter your customer quotes and names. Use Add Testimonial for more. The 5 stars will appear automatically.
   • In the section settings, you can adjust the scroll speed (lower number means faster), card width, background colors, and text colors to perfectly match your brand aesthetic.
   • Don't forget to Save your changes!
   
   

Option 2: A Simpler HTML/CSS Marquee

Weaverse also shared a more direct HTML/CSS solution that you could embed in a custom HTML section or a rich text editor if your theme supports it. This is a bit less dynamic than Ploqo's solution but still effective. The key here is duplicating the testimonial cards within the code for a seamless loop.

To use this approach:

1. Find a suitable place in your theme code: You might place this in a home page section, or a custom content block.
2. Paste the following code:

   
   
   
     
   
       
       
   
         
   ★★★★★
         
   "Absolutely top-notch OEM audio parts. Arrived fast and fit perfectly!"
         — Michael R.
       
       
   
         
   ★★★★★
         
   "Best source for German car audio. Great quality and amazing service."
         — Sarah K.
       
       
   
         
   ★★★★★
         
   "Found a rare part I couldn't find anywhere else. Highly recommend!"
         — James T.
       
       
   
         
   ★★★★★
         
   "Prompt shipping, excellent packaging, exactly as described. 5 stars!"
         — Lisa M.
       
       
   
         
   ★★★★★
         
   "Super knowledgeable team. They helped me find the right unit for my BMW."
         — David H.
       
       
       
   
         
   ★★★★★
         
   "Absolutely top-notch OEM audio parts. Arrived fast and fit perfectly!"
         — Michael R.
       
       
   
         
   ★★★★★
         
   "Best source for German car audio. Great quality and amazing service."
         — Sarah K.
       
       
   
         
   ★★★★★
         
   "Found a rare part I couldn't find anywhere else. Highly recommend!"
         — James T.
       
       
   
         
   ★★★★★
         
   "Prompt shipping, excellent packaging, exactly as described. 5 stars!"
         — Lisa M.
       
       
   
         
   ★★★★★
         
   "Super knowledgeable team. They helped me find the right unit for my BMW."
         — David H.
       
     
   

3. Customize your content: Replace the example quotes and names with your own testimonials.

Option 3: App-Based for Automated & Verified Reviews

If you're looking for a more automated system that collects and displays reviews, especially verified ones, apps are the way to go. GermanAudioTech specifically asked about an app to solicit post-purchase feedback. Ploqo recommended several excellent choices:

• Judge.me (has a free tier!)
• Loox or Okendo
• Trustpilot, or Google Reviews apps like Reputon or Omega

These apps can email customers after delivery, prompt for reviews (including photos/videos), and then feed those reviews into a carousel or badge on your site. Just be mindful of platform-specific rules; for instance, Yelp doesn't allow businesses to ask for reviews directly.

Elevating Product Descriptions – Beyond Plain Text

GermanAudioTech also wanted to know how to make their product descriptions pop, similar to a specific YouTube video that used rich HTML. This is a common desire – making descriptions engaging and conversion-focused.

Using AI for Rich HTML Descriptions

Weaverse had a brilliant suggestion here: leverage AI! Tools like Claude can generate sophisticated HTML product descriptions with bold headers, emoji bullet points, feature highlight boxes, and guarantee sections.

Here’s the simple workflow:

1. Craft your AI prompt: Be specific! Weaverse's example is perfect: “Write a premium Shopify product description for [your product] using bold section headers, bullet points with emoji icons, a feature highlight box, and a trust/guarantee section at the bottom. Make it look modern and conversion-focused.”
2. Paste into Shopify: Once the AI generates the HTML, copy it. In your Shopify product editor, switch to HTML mode (usually by clicking the <> icon), and paste the code.

This is a game-changer for quickly creating visually appealing descriptions that stand out.

Adding Trust Badges to Product Pages

Separately, GermanAudioTech asked about bulk-adding a trust badge image below descriptions. While not a "scrolling marquee," it's a great example of enhancing product pages. Ploqo provided a clear code snippet for this:

1. Upload your image: If you haven't already, upload your trust badge image to Content > Files and copy its URL.
2. Edit your product template:
   • Go to Online Store > Themes, click the ... menu next to your theme, and select Edit code.
   • Open the sections folder and click product-template.liquid (or similar, depending on your theme).
   

3. Find and paste: Locate the line {{ product.description }}. Paste the following image tag right after its closing