Campaign Cart JS SDK

Build powerful e-commerce funnels with simple HTML attributes. No complex integrations, just add data attributes to your HTML.

Get Started View Live Examples API Reference

Why Campaign Cart?

Attribute-Driven

Build cart functionality with simple HTML data attributes. No complex JavaScript required.

Zero Configuration

Add one script tag and start building. Works with any HTML page or framework.

Conversion Optimized

Built-in upsells, FOMO notifications, and exit-intent popups to maximize revenue.

Developer Friendly

Comprehensive API, TypeScript support, and extensive debugging tools.

Quick Start Example

Get up and running in under 2 minutes:

<!DOCTYPE html>
<html>
<head>
<!-- Add your API key -->
<meta name="next-api-key" content="your-api-key">

<!-- Load the SDK -->
<script src="https://cdn.jsdelivr.net/gh/NextCommerceCo/[email protected]/dist/loader.js" type="module"></script>
</head>
<body>
<!-- That's it! Start adding cart functionality -->
</body>
</html>

<!-- Simple add to cart button -->
<button data-next-action="add-to-cart"
      data-next-package-id="123"
      data-next-quantity="1">
Add to Cart - $29.99
</button>

<!-- Display cart total -->
<div class="cart-summary">
Items: <span data-next-display="cart.itemCount">0</span>
Total: <span data-next-display="cart.total">$0.00</span>
</div>

<!-- Product selection with dynamic pricing -->
<div data-next-cart-selector data-next-selection-mode="swap">
<div data-next-selector-card data-next-package-id="basic-plan">
  <h3>Basic Plan</h3>
  <p data-next-display="package.price">$19.99</p>
</div>

<div data-next-selector-card data-next-package-id="pro-plan">
  <h3>Pro Plan</h3>
  <p data-next-display="package.price">$39.99</p>
  <span class="badge">Most Popular</span>
</div>
</div>

Key Features

Smart Cart Management

Automatic cart persistence, quantity controls, and real-time price calculations.

Dynamic Upsells

Post-purchase upsells and cross-sells that increase average order value by 35%.

Checkout Integration

Works with Stripe, PayPal, and other payment processors. Handle complex checkout flows.

Analytics Ready

Built-in Google Analytics, Facebook Pixel, and custom event tracking.

Mobile Optimized

Touch-friendly controls and responsive design patterns out of the box.

A11y Compliant

Screen reader friendly with proper ARIA labels and keyboard navigation.

Ready to build your first funnel? Get started with our quick start guide →