JamCart

A shopping cart for JAMstack

JamCart is a quick, easy to use, and reliable shopping cart and checkout. Have your e-commerce store up and running in minutes!

Blazing Fast

Mobile traffic is more important than ever for e-commerce. Designed from the bottom up for great performance, JamCart works smoothly on all devices and lets your users start shopping instantly.

Works Everywhere

Installing JamCart in your e-commerce storefront is just like using HTML. Custom Elements work seamlessly with any framework or website. Quickly add it to your next project or just add it to an already existing site.

See a Demo in Your Favorite Framework

How It Works

1. Install One Line

JamCart's script is less than 10kb, perfect for mobile users and snappy page loads.

<script type="module" data-id="{ YOUR_ACCOUNT_ID }" src="https://js.jamcart.io/v1/jamcart.js"></script>

2. Add Buy Buttons

Creating new products is simply a matter of adding a single tag to your website. To protect your security, JamCart will verify information by directly crawling your website.

<jamcart-add
  name="A Demo Product"
  image="/favicon.png"
  price="10.99"
  ></jamcart-add>

Buttons can be styled just like any other HTML element to fit your needs.

<style>
jamcart-add.alt {
  border: 2px solid currentColor;
  cursor: pointer;
  display: block;
  font-size: 125%;
  padding: .3em 1em;
  text-align: center;
}
jamcart-add.alt span {
  font-weight: 500;
}
</style>

<jamcart-add
  class="alt"
  name="A Demo Product"
  image="/favicon.png"
  price="10.99"
  open-cart
  >
  Your <span>Custom</span> Button
</jamcart-add>

Your Custom Button

3. Add Link to Cart

<jamcart-open></jamcart-open>

Just like the buy buttons, links to the shopping cart can be customized.

<style>
jamcart-open.alt {
  background: #EEE;
  border-radius: .5em;
  cursor: pointer;
  display: block;
  padding: .5em;
}
</style>

<jamcart-open class="alt">
  🛒 Your Cart
</jamcart-open>

🛒 Your Cart

Read full documentation for more details.

Get Started Now

Sign Up