Skip to main content
The Aftersell Cart is a fully customizable cart-drawer experience for your Shopify store. It replaces the default cart with a slide-out drawer you build block by block, adding upsells, rewards, and add-ons, styling it to match your brand, A/B testing variations, and extending it with a JavaScript SDK.

​
What it is

When a shopper adds a product, the Aftersell Cart opens as a drawer over your storefront. You design that drawer in the cart editor from a set of blocks (the product list, a checkout button, upsells, rewards, banners, and more) and style it with global and per-block design settings.

​
Requirements

  • A Shopify store with the Aftersell app installed.
  • The Aftersell Cart app embed enabled in your theme, so a published cart renders on your storefront.

​
Key concepts

​
Getting started

  1. Create a cart. It starts from a working default layout.
  2. Add and arrange blocks to build the experience you want.
  3. Customize the look with design settings and, if needed, custom CSS.
  4. Preview it, then publish.
  5. Optionally, test variations and extend with the SDK.

​
How these docs are organized

  • Managing carts: how carts are structured, then create, preview, and run one or more carts.
  • Customizing your cart: design settings, behavior settings, custom CSS, and custom scripts.
  • Cart blocks: how blocks work, a page for every block, plus custom templates and custom code.
  • Cart tests: set up A/B tests and read their results.
  • Analytics: how a published cart is performing — revenue, conversion, impressions, and top products.
  • Cart SDK: events, actions, hooks, and use cases for extending the cart with code.