Skip to main content
Drop a store into any website — no backend required. The Storefront SDK handles product data, cart state (via localStorage), and checkout handoff to Shoppex in under 15KB gzipped.
npm install @shoppexio/storefront — Source on GitHub

​
Features

Product Catalog

Fetch and display products, categories, and groups from your Shoppex store.

Cart Management

Add, update, and remove items. Cart data persists in localStorage.

Hosted Checkout

Redirect to Shoppex’s hosted checkout — you never touch card data.

Zero Dependencies

No frameworks required. Works with React, Vue, Svelte, or plain HTML.

​
How It Works

1

Initialize

Add the script tag and call shoppex.init('your-store').
2

Display Products

Fetch your catalog and render it however you want — full control over the UI.
3

Manage Cart

addToCart, removeFromCart, getCart. State persists in localStorage automatically.
4

Checkout

Call shoppex.checkout() to redirect to Shoppex’s hosted checkout page.

​
Quick Example

<script src="https://cdn.shoppex.io/sdk/v1/shoppex.min.js"></script>
<script>
  // Initialize with your store slug
  shoppex.init('your-store');

  // Fetch and display products
  shoppex.getProducts().then(({ data }) => {
    data.forEach(product => {
      console.log(product.title, product.cdn_image_url, product.detail_image_url);
    });
  });

  // Add to cart
  shoppex.addToCart('product-id', 'variant-id', 1);

  // Proceed to checkout
  shoppex.checkout();
</script>
Use cdn_image_url for compact storefront surfaces like cards and search results. Use detail_image_url for PDP heroes and galleries.

​
Next Steps

Installation

Add the SDK to your website via CDN or npm.

Quick Start

Build your first embedded store in 5 minutes.