Tiered Pricing
The Tiered Pricing System displays volume discounts, bulk pricing tiers, and wholesale pricing. It helps increase average order value by incentivizing bulk purchases with clear savings visualization.
Features
Section titled “Features”- Multiple Display Modes — Table, Cards, and Compact List layouts
- Real-time Savings Calculator — Interactive calculator for instant pricing feedback
- Automatic Tier Detection — Highlights the appropriate tier based on quantity
- Best Value Badge — Highlights the recommended pricing tier
- Responsive Design — Mobile-optimized with table-to-card transformation
- Variant Integration — Updates automatically when product variant changes
- Accessibility — WCAG 2.1 AA compliant with keyboard navigation and screen reader support
Configuration
Section titled “Configuration”Theme Settings
Section titled “Theme Settings”Navigate to Theme Settings > Tiered Pricing:
- Enable tiered pricing display — Master toggle
- Default display mode — Table, Cards, or Compact List
- Show savings by default — Display savings column/badge
- Highlight best value tier — Automatically highlight recommended tier
- Show savings calculator — Enable interactive calculator
Metafield Setup
Section titled “Metafield Setup”Tiered pricing uses the custom.tier_pricing metafield on products:
- Namespace:
custom - Key:
tier_pricing - Type: Single line text
- Format:
minQty:maxQty:priceInCents|nextTier...
Example Configurations
Section titled “Example Configurations”Simple 3-Tier:
1:9:10000|10:49:9500|50:0:9000- 1-9 units: $100 each
- 10-49 units: $95 each (5% off)
- 50+ units: $90 each (10% off)
5-Tier Wholesale:
1:4:15000|5:9:14000|10:24:13000|25:99:12000|100:0:10000Display Modes
Section titled “Display Modes”Table View (Default)
Section titled “Table View (Default)”Best for desktop users with detailed pricing information.
Card Layout
Section titled “Card Layout”Best for visual emphasis on featured products.
Compact List
Section titled “Compact List”Best for sidebar display or limited space.
Best Practices
Section titled “Best Practices”Pricing Strategy
Section titled “Pricing Strategy”- 3-5 tiers optimal — Too many tiers overwhelm customers
- Clear value steps — Minimum 5% discount per tier
- Highlight sweet spot — Use best value badge for your target tier
- Psychological pricing — Use prices ending in 00 or 95
UX Recommendations
Section titled “UX Recommendations”- Position above the fold (before long descriptions)
- Show the calculator to help customers understand savings
- Test mobile experience first
- Let savings stand out visually
Conversion Optimization
Section titled “Conversion Optimization”- Emphasize savings with both percentages AND dollar amounts
- Combine with low stock indicators for urgency
- Update “Add to Cart” text to reflect tier pricing
Integration with Other Features
Section titled “Integration with Other Features”- Stock Counter — Low stock warnings display alongside tier pricing
- Quick View — Tiered pricing automatically shows in quick view modals
- Product Bundles — Combine for additional savings messaging
Troubleshooting
Section titled “Troubleshooting”Not showing: Check feature is enabled and product has the custom.tier_pricing metafield.
Calculator not working: Check browser console for errors and verify the element has proper data attributes.
Savings incorrect: Verify prices are in cents (10000 = $100.00) and no negative values exist.
Mobile display issues: Table mode auto-converts to cards on mobile. Use display_mode: 'cards' for better mobile experience.