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.

Prompt / Skill

Copy, adapt, and run this prompt or skill workflow 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
Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

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

Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.