Ollie Shop lets you customize e-commerce checkouts using versions, templates, components, and functions.

​
How it works

Every checkout customization starts with a version. A version is a complete checkout configuration that contains:
  • Template - The checkout layout (default, grocery, or sales)
  • Components - React components placed in template slots
  • Functions - Serverless functions for business logic
  • Configuration - Theme settings and properties
You can create multiple versions to test different checkout experiences, run A/B tests, or maintain separate staging and production environments.

​
Quick example

# Create a new version
ollieshop store-version create --name "main" --template default

# Add a component to the header slot
ollieshop component create trust-badges --slot header
ollieshop component deploy trust-badges

# Deploy a function
ollieshop function create order-validation
ollieshop function deploy order-validation

​
Architecture

1

Version

Container for your entire checkout configuration
2

Template

Defines the checkout layout and available slots
3

Slots

Designated areas where components can be placed
4

Components & Functions

Custom UI and business logic

​
Getting started

Installation

Install CLI and create your first version

Concepts

Understand versions, templates, and slots

Examples

Component and function code examples

​
Core concepts

Learn the fundamental building blocks:

Versions

Checkout configurations and environments

Templates

Pre-built checkout layouts

Slots

Component placement areas

Components

React UI elements

​
Developer tools

CLI Reference

Command-line interface for development

SDK Reference

React hooks and utilities

​
Requirements