> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: wix-ecom-frontend



## Article: Introduction

## Article Link: https://dev.wix.com/docs/velo/apis/wix-ecom-frontend/introduction.md

## Article Content:

# Introduction
With the eCommerce frontend API, you can interact with the native cart and checkout components on a site.

 With the eCommerce frontend API, you can:
 + Refresh a cart to display its latest state.
 + Listen to changes in the native cart components.
 + Open the side cart panel.
 + Navigate to the [Cart Page](https://support.wix.com/en/article/customizing-the-cart-page).
 + Navigate to the [Checkout Page](https://support.wix.com/en/article/customizing-the-checkout-page).

 To use the eCommerce frontend API, import `wixEcomFrontend` from the `wix-ecom-frontend` module:

   ```javascript
   import wixEcomFrontend from 'wix-ecom-frontend';
   ```

 ## Before you begin

 It's important to note the following before starting to code:

 + A site needs to [add eCommerce functionality](https://dev.wix.com/docs/rest/business-solutions/e-commerce/wix-e-commerce-platform-handbook/get-started/sites/add-e-com-to-a-site.md).

 + A site must upgrade to a premium business plan in order to [accept payments](https://support.wix.com/en/article/accepting-payments-an-overview).

 ## Terminology

 + **Cart**: Holds information about a potential transaction, including details about selected items, prices, and discounts, as well as the potential buyer.
 + **Side cart**: A preview of the cart page, which opens as a panel on the side of a page.
 + **Cart page**: A page where a buyer can view and manage the items in their cart.
 + **Checkout page**: A page where a buyer finalizes a purchase. Each checkout holds information about the items to be purchased, price and tax summaries, shipping and billing information, any applied discounts, and more.