Developer SDK

Elite Bundle Builder developer SDK: build a custom Shopify bundle UI with live bundle data, cart state, actions and events from window.eliteBundle.sdk.

The SDK lets a developer build a fully custom storefront UI for bundles instead of the built-in layouts. When SDK access is enabled, the app exposes window.eliteBundle.sdk on bundle pages with live bundle data, cart state and actions, so you can render your own product cards, step navigation, cart drawer or price display and still drive the app's add-to-cart and checkout logic.

Build-your-own and multi-option bundles use one SDK. A multi-option bundle is a bundle whose every step holds exactly one item, so the same steps, cart and checkout describe both. Fixed bundles have no SDK state: Shopify renders and sells them as a normal product.

What you can build

• A build-your-own bundle UI with your own cards, step navigation and cart
• A multi-option picker with your own swatches, dropdowns or cards
• A bundle experience that matches your theme's design system exactly

The built-in UI keeps working. The SDK is additive: use one piece of it (just addToCart, say) or replace the whole interface.

How it works

The theme app embed writes window.eliteBundle on the page, and the bundle script fills in the live SDK once it loads.

Part	What it holds
app	Shop-level values: money format, currency, locale, Storefront API token
byob	The bundle on this page: its product ID and stored configuration
sdk.byob	Live bundle state and actions, for both bundle types

Prerequisites

• Elite Bundle Builder installed and set up on a Shopify store
• SDK access enabled in Settings → Developer SDK (asks for a developer email)
• JavaScript or TypeScript

Documentation

Getting started

Enable access, wait for the ready event, read your first bundle state.

Global object

window.eliteBundle: app, byob, on and off.

Bundle SDK

Steps, cart, discount state and actions.

Events

ready, cart-change, checkout-start, checkout-success, checkout-error, error, plus upsell view and click.

Custom bundle UI

Replace the built-in interface end to end.

Using with React

Hooks around the SDK for a React storefront.