Shopping Cart & Checkout Flow
for Static Websites

Rapidly turn any website into an online shop with no headaches.
Seamlessly integrates into any design, works with static HTML
or the platform of your choice. Live Demo

Join the Private Beta

Built for the Jamstack

The modern way to build e-commerce websites.

Seamless Integration

Works with any site, design or inventory system.

Accept Payments

Accept credit-card payments securely via Stripe or Paypal.

Powerful & Flexible

Customisable design & checkout flow. Optimized for conversions.

Webhooks & API

Create custom business logic, integrate with 3rd party tools.

Reliable & Secure

Built on Amazon AWS, the most secure & reliable cloud platform.

Framework Agnostic

Use with any frontend framework, React, Vue or even jQuery.

Live Demo

The Playground

This is a live demo of the shopping cart & checkout flow.



// function to calculate total value & items
const calculateTotals = () => {

    // get the cart items
    const items = GumCart.getItems();

    // define DOM selectors
    const countEl = document.querySelector("[data-cart-count]");
    const totalEl = document.querySelector("[data-cart-total]");

    // default value
    var total = 0;

    if (items.length) {
        // show the items count bubble
        countEl.classList.remove("hidden");

        // loop items
        items.forEach(
            (v) => (total += v.price * v.quantity)
        );
        // set the total value
        totalEl.querySelector("span").innerText = "$" + total;
    } else {
        // hide the items count bubble
        countEl.classList.add("hidden");
    }
    // set the items count total
    countEl.querySelector("span").innerText = items.length;
};

// listen for cart changes and populate data-cart-count
document.addEventListener("gumcart.items.updated", () => {
    calculateTotals();
});
// listen
document.addEventListener("gumcart.ready", () => {
    calculateTotals();
});
                        

// A simple product with maximum available quantity.
GumCart.addItem({
    id: "HEADPHONES", // optional
    name: "Wireless Headphones", // required
    price: 89, // required
    max_quantity: 2,
    image:
        "https://gumcart.com/images/products/product-1.jpg",
});
// open the cart
GumCart.open();
                            

// A simple product with in-cart product variation select.
GumCart.addItem({
    id: "KEYBOARD", // optional
    name: "Mechanical Keyboard", // required
    price: 119, // required
    image: "https://gumcart.com/images/products/product-2.jpg",
    select: {
        options: [
            {
                name: "Layout",
                legend: "Keyboard Language",
                values: [
                    "US English",
                    "Arabic",
                    "Chinese",
                    "French",
                    "German",
                    "Russian",
                ],
            },
        ],
    },
});
                            

// A configurable product with multiple in-cart options and addons.
GumCart.addItem({
    id: "LAPTOP", // optional
    name: "Super Light Laptop", // required
    price: 1299, // required
    max_quantity: 1,
    image:
        "https://gumcart.com/images/products/product-3.jpg",
    select: {
        options: [
            {
                name: "Size",
                legend: "Select Size",
                values: [
                    {
                        name: "13-inch",
                        price: 1299,
                    },
                    {
                        name: "16-inch",
                        price: 2399,
                    },
                ],
            },
        ],
        addons: [
            {
                name: "Processor",
                required: true,
                values: [
                    {
                        name:
                            "2.6GHz 6‑core i7 processor",
                    },
                    {
                        name:
                            "2.4GHz 8‑core i9 processor",
                        price: 300,
                    },
                ],
            },
            {
                name: "Accessories",
                multiple: true,
                values: [
                    {
                        name: "Elevator Stand",
                        price: 119,
                    },
                    {
                        name: "Mouse",
                        price: 69,
                    },
                ],
            },
        ],
    },
});
                            
Full documentation available: docs.gumcart.com

Playground.

Wireless Headphones

$89.00
Simple product with maximum available quantity.
Only 2 left, hurry up!

Mechanical Keyboard

$119.00
Simple product with in-cart product variation select.
In Stock

Super Light Laptop

$1,299.00
Configurable product with multiple in-cart options and addons.
Preorder, ships in 2–3 weeks

Join the Private Beta

Sign up to get the exclusive early access pricing.

Who's building this?

Hey 👋 I’m Stefan the founder of GumCart.

If you want to get in touch please email me, I'd be more than happy to chat.

Stefan Olaru

Stefan Olaru

@stefanolaru