# Ecommerce Add a cart and checkout to your application, on the payments provider it already uses. ### Syntax ``` $ vela enable ecommerce ``` ### Options - `--provider ` - Optional. The cart follows the project's [payments](/docs/enable/payments) provider, so this only confirms it; a different provider is refused. Run [`vela enable payments`](/docs/enable/payments) first. You're asked for one item to put on a demo page at `/shop`: a Stripe `price_id`, or a Shopify product variant (`gid://shopify/ProductVariant/...`). Leave it blank to skip the page. ### What you get - A cart button in the navbar, left of the account menu when [auth](/docs/enable/auth) is enabled. It opens the cart in a sheet. - `src/lib/cart.svelte.ts` - The cart, a module-level store any component can import. It lives in the browser: the server renders an empty cart, and it fills in after the page loads. - `src/lib/components/cart/add-to-cart.svelte` - Put `` on the pages that sell things. Each provider's cart is the code you would write for that provider alone. Nothing in it is shared between them. ### Stripe > [Depends: backend](/docs/enable/backend) Stripe has no cart object, so the cart is a list of Stripe prices kept in `localStorage`. `` takes the price as the page selling it loaded it: ```svelte ``` Checkout is [Stripe Checkout](https://docs.stripe.com/payments/checkout). The cart posts its prices and quantities to the `checkout` action of `/cart`, which creates a Checkout Session and redirects to it. Stripe prices the session itself, so nothing stored in the browser can change what is charged. The session allows promotion codes; payment methods, tax and shipping are set in your Stripe dashboard. With [auth](/docs/enable/auth), a signed-in buyer checks out as their Stripe customer. - `/cart` - The full cart, and the checkout action. - `/checkout/success` - Where Stripe sends the buyer back. It shows the amount paid and empties the cart. ### Shopify Shopify has a cart of its own, so the browser keeps only its id, and the store holds the cart as the Storefront API returns it: lines, costs and `checkoutUrl`. `` takes a product variant, and optionally line item properties: ```svelte ``` Checkout is a link to the cart's `checkoutUrl`, Shopify's own checkout. There are no server routes, so the cart works on a static site.