> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.devit.software/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Quick start in ShopCart

# ${color}[#204a87](Getting Started)

${color}[#3465a4](In this article:)
* [Edit your cart](#1-edit-your-cart)
    * [Step 1: Activate embeds](#3-step-1-activate-embeds)
    * [Step 2: Customize your cart](#3-step-2-customize-your-cart)
    * [Step 3: Add widgets](#3-step-3-add-widgets)
    * [Step 4: Enable cart status and save](#3-step-4-enable-cart-status-and-save)
* [Edit Sticky cart](#1-edit-sticky-cart)
 
# ✔️ Edit your cart

### Step 1: Activate embeds

1. Open the app homepage -> in the Theme extension block click **Activate**.
2. In the appeared window click on **Activate extension**.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/activate-extensions_aw9v19.png)

3. Enable the ShopCart app in the left-side menu and click **Save** in the top-right corner.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/enable-shopcart_buy4o2.png)

### Step 2: Customise your cart

1. Go back to the app admin and, in the **Customize your cart** section -> click **Edit cart drawer**.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/edit-cart_1smep32.png)

2. In the window that opens, **customize your design** by selecting a card style, setting fonts, adjusting card and background colors, configuring the card wrapper, and customizing buttons. You can also choose a ready-made color template.

### Step 3: Add widgets

ShopCart offers a variety of widgets to help you create a better shopping experience and boost your sales:

* **Announcements** — keep customers informed about promotions, updates, and important messages right in the cart.
* **Rewards** — offer incentives to increase customer loyalty and encourage higher spending.
* **Discount Code** — let customers apply discount codes easily to drive conversions.
* **Upsells** — recommend additional products and increase your average order value.
* **Add-ons** — enhance orders with options like shipping protection, gift wrapping, or product add-ons.
* **Agreements** — allow customers to review and accept Terms and Conditions before checkout.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/widgets_1lo0csg.png)

### Step 4: Activate cart status and save

Activate **Cart status** in the top-left corner and click **Save** in the top-right corner.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/activate-cart-status_3511p2.png)

# ✔️ Edit Sticky cart

1. Open the app admin and in the **Customize your cart** section click **Edit Sticky Cart**.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/edit-sticky-cart_z09acr.png)

2. In the opened window select cart icon, set cart button size, position, color, etc.
3. Enable the **Sticky Cart** in the top-left corner and click **Save** in the top-right corner.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/7/1/3271b421d88bd400/activate-sticky-cart_1yt5d20.png)