Introduction

Using the frontend eCom API, you can interact with the native cart and checkout components on your site.

With the frontend eCom API, you can:

• Refresh the cart to display its latest state.
• Listen to changes in the native cart components.
• Open the Side Cart panel.
• Navigate to the Cart Page.
• Navigate to the Checkout Page.

Before you begin

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

• You need to add eCommerce functionality to your site.

• Upgrade your site to a premium business plan in order to accept payments.

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.