Hub/Theme/Generate Customer Stats Counter Section
Task IntentTheme

Generate Customer Stats Counter Section

Build a customer-focused statistics counter section with animated numbers, comparison metrics, and milestone achievements.

What This Sidekick Query Does

Build a customer-focused statistics counter section with animated numbers, comparison metrics, and milestone achievements.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a customer statistics counter section:

Stat Items:

  Customers served: [NUMBER]
  Repeat purchase rate: [PERCENTAGE]%
  Average customer rating: [RATING]/5
  Customer retention rate: [PERCENTAGE]%
  Net Promoter Score: [SCORE]
  Support response time: under [TIME]
  Countries with customers: [NUMBER]
  Products in catalog: [NUMBER]


Select [NUMBER] stats to display from the above or use custom stats:

  Custom stat 1: [VALUE] - [LABEL]
  Custom stat 2: [VALUE] - [LABEL]


Animation:

  Count-up animation on scroll into view
  Duration: [DURATION]ms
  Staggered start (each counter starts [DELAY]ms after previous)
  Easing function: [ease-out/spring/linear]
  Decimal support for ratings and percentages


Layout:

  Stats per row: [3/4]
  Style: [simple-numbers/icon-cards/progress-circles]
  Progress circle option: animated circular progress bar
  Divider between stats: [none/line/dot]
  Section heading: [SECTION_HEADING]


Design Settings:

  Background: [solid-color/gradient/image-overlay]
  Number color: [NUMBER_COLOR]
  Label color: [LABEL_COLOR]
  Icon/circle color: [ACCENT_COLOR]
  Font sizes: number [SIZE]px, label [SIZE]px
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px


Requirements:

  IntersectionObserver for animation trigger
  Responsive: 2-column on tablet, single on mobile
  Numbers accessible without JavaScript
  Lightweight implementation
  Support for at least [NUMBER] stat items

Expected Output

Build a customer-focused statistics counter section with animated numbers, comparison metrics, and milestone achievements.

Tips to Improve Results

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