Cart v1

Installation

Load the circuly cart on your site from the CDN.

You're reading the docs for cart v1, the version in production. Cart v2 is in beta.

CDN

Include the <script> tag on your webpage.

<script type="module" src="https://cdn2.circuly.io/v1/1.10/cart.js"></script>

Add the <div id="circuly-cart"> element.

<div id="circuly-cart"></div>

The app instance will place itself onto the circuly-cart element.

<head>
    ...
  <script type="module" src="https://cdn2.circuly.io/v1/1.10/cart.js"></script>
</head>

<body>
    ...
  <div id="circuly-cart"></div>
</body>

Optional

Loading the script with the defer attribute specifies that the script is executed after the page has finished parsing.

<div id="circuly-cart"></div>
<script type="module" src="https://cdn2.circuly.io/v1/1.10/cart.js" defer></script>