Theme πŸ’Ž Built for Sidekick ✍️ Sidekick drafts it β€” you apply it
shopify sidekick theme social-proof carousel

Generate Customer Testimonials Slider Section

Create an auto-rotating testimonials slider with customer photos, star ratings, quotes, and navigation dots for social proof.

Sidekick writes it β€” you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself β€” the prompt tells Sidekick to explain exactly where it goes.

πŸ“‹ Prompt
Run in Sidekick
Create a customer testimonials slider section with these specifications:

Content per Slide:

  Customer photo (circular crop, [SIZE] pixels)
  Customer name and location
  Star rating display (1-5 stars)
  Testimonial quote text (max [CHARACTER_LIMIT] characters)
  Product purchased (optional, linked to product page)
  Date of review


Slider Settings:

  Auto-rotate every [SECONDS] seconds
  Navigation dots below slider
  Left/right arrow controls
  Swipe support on mobile
  Pause on hover
  Transition style: [fade/slide/flip]


Design Options:

  Background color: [BACKGROUND_COLOR]
  Quote text color and font size
  Card style: [minimal/bordered/shadow/glass]
  Section heading: [SECTION_HEADING]
  Subheading text (optional)
  Maximum slides visible: [1/2/3] depending on screen width


Layout:

  Full-width or contained within [MAX_WIDTH]px
  Vertical padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  Center-aligned content
  Responsive: single slide on mobile, [NUMBER] on desktop


Requirements:

  Accessible ARIA labels for navigation
  Lazy load customer images
  Smooth CSS transitions
  Schema markup for reviews
  Support for at least [NUMBER] testimonials


Generate the Liquid, CSS, and JavaScript for this customer testimonials slider as a custom section I can paste into my theme myself.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code, create a new file under Sections (e.g. sections/customer-testimonials-slider.liquid), and paste the generated code in. Save, then open the theme editor and use β€œAdd section” on the homepage or product page to place it.

How to Use

  1. Copy the prompt above
  2. Open Shopify Sidekick in your Shopify admin
  3. Paste the prompt and replace the bracketed placeholders with your details
  4. Review Sidekick's response and apply the suggestions