A customizable shopping cart directly in the HTML of your website
Get a custom HTML shopping cart running on any site or app with a dead-simple combination of HTML & JavaScript. Turn any HTML element into a working “buy button” and open up shop in no time!
An e-commerce website ready in no time
Two simple steps to transform your website into a live e-commerce site:
1. Add the necessary JavaScript and cart's CSS snippets to your site.
<!DOCTYPE html>
<html>
<head>
<title>E-Commerce Website The Fast Way</title>
<link rel="stylesheet" href="https://cdn.snipcart.com/themes/v3.3.0/default/snipcart.css" />
</head>
<body>
<div class="content">
Your site content here
<img>
</img>
</div>
<script async src="https://cdn.snipcart.com/themes/v3.3.0/default/snipcart.js"></script>
<div hidden id="snipcart" data-api-key="YOUR_PUBLIC_API_KEY"></div>
</body>
</html>
2. Define your products' details directly in your HTML source code.
<button class="snipcart-add-item"
data-item-id="best-cart"
data-item-price="9.99"
data-item-description="Add a cart platform to your favorite website"
data-item-image="/assets/images/starry-night.jpg"
data-item-name="Shopping Cart">
Add to cart
</button>
That’s it! No need to build a whole new website; simply add Snipcart.
*Note that Snipcart v2.0 uses jQuery
Customizable shopping cart to fit your website design
Use our default cart template or create your own! Change the look and feel of your shopping cart with basic JavaScript & CSS.
You can also show custom cart summaries, and trigger custom thank you pages. Read our checkout optimization guide to get started.
Secure HTML e-commerce markup
Snipcart crawls the product information defined in your HTML before any transaction occurs. This way, we make sure malevolent users have altered nothing in your shopping cart.
We’re also PCI compliant and communicating through the HTTPS protocol.
Our secure infrastructure guarantees peace of mind so you can focus on running your business.