Shopify Sidekick/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.

Prompt / Skill

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

  1. 1

    Copy the prompt above

  2. 2

    Open Shopify Sidekick in your Shopify admin

  3. 3

    Paste the prompt and replace the bracketed placeholders with your details

  4. 4

    Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.