Slots are the foundation of checkout customization. They’re precisely positioned throughout your checkout flow where custom components can have maximum impact on customer behavior and business results.

Strategic Placement

84 carefully positioned slots across your checkout flow for maximum conversion impact

Universal System

Same slots work across all templates - your components automatically adapt to any layout

​
Slot System Architecture

Understanding how slots, templates, and components work together:
Key Principle: Templates control layout and styling, slots define placement, components deliver functionality

​
High-Impact Slots: Start Here

Focus on these slots for immediate conversion improvements:

​
Tier 1: Maximum Impact Slots

header - Universal Trust Builder

Impact Metrics:
  • 15-25% reduction in bounce rate
  • Increased time on checkout pages
  • Higher completion confidence
  • Professional brand perception

cart_sidebar - Revenue Driver

Impact Metrics:
  • 15-30% average order value increase
  • 40-60% free shipping threshold completion
  • 10-20% cross-sell success rate
  • Higher customer lifetime value

payment_security_badges - Conversion Critical

Impact Metrics:
  • 20-35% reduction in payment abandonment
  • Increased payment method completion
  • Higher customer trust scores
  • Reduced fraud concerns

mobile_bottom_bar - Mobile Conversion Essential

Impact Metrics:
  • 2-3x mobile conversion rate improvement
  • 50-70% reduction in mobile abandonment
  • Improved mobile user experience scores
  • Higher mobile purchase completion

​
Tier 2: High-Impact Specialized Slots

checkout_progress - Flow Confidence

Impact Metrics:
  • 25-40% reduction in checkout abandonment
  • Increased multi-step completion rates
  • Lower customer anxiety and confusion
  • Better mobile checkout experience

cart_items - Per-Item Optimization

Impact Metrics:
  • 20-35% increase in average order value
  • Higher margin from premium upgrades
  • Improved customer satisfaction with options
  • Reduced post-purchase support requests

checkout_sidebar - Last-Chance Offers

Impact Metrics:
  • 15-25% recovery of abandoning customers
  • Increased urgency and purchase motivation
  • Higher email capture for remarketing
  • Improved overall conversion rates

payment_method_options - Express Checkout

Impact Metrics:
  • 30-50% faster checkout completion
  • Higher mobile conversion rates
  • Reduced form abandonment
  • Broader payment method acceptance

​
Slot Architecture Principles

Universal Compatibility

Same 84 slots across all templatesTemplates control visual presentation, slots define logical placement. Your components work everywhere.

One Component Per Slot

Clean, predictable systemEach slot holds exactly one component per version. Deploy new → replaces existing.

Responsive by Design

Mobile-first approachDesktop slots stack on mobile. Mobile-specific slots enhance touch experience.

​
Strategic Slot Selection

Instead of memorizing all 84 slot names, think about your business goals:

Primary Trust Slots

  • header - First impression credibility
  • footer - Final reassurance before exit
  • payment_security_badges - Payment confidence

Secondary Trust Slots

  • checkout_header - Stage-specific trust
  • order_confirmation - Post-purchase confidence
  • navigation - Professional site structure
Best Components: Security badges, customer reviews, guarantees, certifications

​
Slot Categories in Admin Dashboard

The admin dashboard organizes all 84 slots by checkout stage and function:
Admin interface showing organized slot categories: Global, Cart, Checkout, Payment, Order, and Mobile slots

Global Slots (12)

Cross-page elements
  • Header and navigation
  • Footer and legal links
  • Site-wide announcements
  • Brand consistency elements

Cart Slots (18)

Cart review stage
  • Cart sidebar and summary
  • Individual item controls
  • Shipping calculators
  • Upsell opportunities

Checkout Slots (24)

Information collection
  • Customer details forms
  • Shipping and billing
  • Progress indicators
  • Checkout assistance

Payment Slots (16)

Payment processing
  • Payment method selection
  • Security and trust badges
  • Express payment options
  • Transaction confidence

Order Slots (8)

Purchase completion
  • Order confirmation
  • Tracking information
  • Post-purchase upsells
  • Success messaging

Mobile Slots (6)

Mobile-specific UI
  • Bottom navigation bars
  • Sticky action buttons
  • Touch-optimized controls
  • Mobile-first layouts

​
Next Steps

Start Building Components

Create your first component and deploy it to a high-impact slot

Explore Templates

Understand how slots adapt across different template layouts

Browse Component Examples

See production-ready components built for specific slots

Deploy via Admin

Use the visual admin dashboard to deploy components to slots
Strategic Focus: Start with the 4 Tier 1 slots (header, cart_sidebar, payment_security_badges, mobile_bottom_bar). These drive 80% of conversion impact. Master these fundamentals before expanding to specialized Tier 2 slots.