# Frequently Asked Questions

## General

<details>

<summary><strong>What is AOV.ai Cart Drawer?</strong></summary>

AOV.ai Cart Drawer replaces your store's default cart page with a slide-out drawer that appears from the side of the screen. It keeps customers on the current page while they review their cart, apply discounts, and discover upsell products — all without navigating away.

</details>

<details>

<summary><strong>How do I install the app?</strong></summary>

1. Go to the [Shopify App Store](https://apps.shopify.com/cart-drawer) and search for "AOV.ai Cart Drawer."
2. Click **Add app** and follow the on-screen instructions to install.
3. Once installed, open the app and follow the **Setup guide** to enable the cart drawer and match your brand.

</details>

<details>

<summary><strong>Why is the cart drawer not visible on my store?</strong></summary>

There are a few common reasons:

* **The app is not enabled.** Go to the app dashboard and make sure the status is **Active**.
* **The embed is turned off.** Check the **Embed status** on the Overview page. If it shows **Off**, click **Embed settings** to activate it.
* **Theme compatibility.** Some themes may require additional configuration. Click **Preview cart in test mode** to test without affecting your live store, or contact support for help.

</details>

<details>

<summary><strong>Can I preview the cart drawer without affecting my live store?</strong></summary>

Yes. Click **Preview cart in test mode** on the Cart Editor page. This lets you see how the cart drawer looks and behaves without making any changes visible to your customers.

</details>

## Cart Editor

<details>

<summary><strong>Can I customize the header of the cart drawer?</strong></summary>

Yes. In the Cart Editor, click **Header** in the left menu. You can change the **Cart title**, **Text alignment**, **Height**, and toggle **Show store logo**.

</details>

<details>

<summary><strong>What product card options are available?</strong></summary>

You can toggle the following for each product in the cart: **Show variant options**, **Show product reviews**, **Show vendor**, **Show SKU**, **Show compare-at price**, **Show discount**, **Show stock left**, and **Show savings below product prices**. You can also adjust image dimensions and border radius.

</details>

<details>

<summary><strong>Can I change the checkout button text and behavior?</strong></summary>

Yes. Click **Checkout and View cart button** in the Cart Editor. You can change the **Checkout button label**, **View cart button label**, add an **Icon**, adjust the **Button height**, and toggle **Redirect to cart page when clicking checkout button**.

</details>

## Features

<details>

<summary><strong>How do I add upsell products to the cart drawer?</strong></summary>

Go to **Cart Editor > Upsell products**. Choose a product selection method: **AI recommendation** (automatic), **Best sellers** (top-selling products), or **Manual selection** (hand-picked). Configure the title, button label, and design settings, then save.

</details>

<details>

<summary><strong>What announcement types are available?</strong></summary>

Four types: **Normal text** (static message), **Cart reservation** (countdown timer), **Rotating** (multiple messages cycling), and **Running line** (scrolling marquee text). Each type has its own configuration options.

</details>

<details>

<summary><strong>How does the Rewards Bar work?</strong></summary>

The Rewards Bar shows a progress bar with tiered goals. You choose the **Tiered reward type** (total cart value or product quantity), then set up tiers with rewards like **Free shipping**, **Order discount**, or **Free product**. Customers see their progress toward the next reward in real time.

</details>

<details>

<summary><strong>What are the limitations of Discount Codes in the cart drawer?</strong></summary>

Two main limitations:

* **Free shipping discounts** are not supported in the cart drawer. Customers must go to checkout to apply them.
* **Shopify Plus stores using checkout.liquid** are not supported. The discount codes module will be hidden on the live storefront.

</details>

<details>

<summary><strong>Does the Slide Cart Offer require another app?</strong></summary>

Yes. The Slide Cart Offer feature requires the **AOV.ai Free Gifts** app to be installed. Once installed, you create promotion campaigns in the Free Gifts app and enable the **Today's offer** tab in the Cart Drawer.

</details>

<details>

<summary><strong>Is Shipping Protection actual insurance?</strong></summary>

No. AOV Cart Drawer only provides a placeholder product to represent shipping protection and does not itself offer any coverage. You will need to partner with a shipping protection provider separately.

</details>

## Design and Customization

<details>

<summary><strong>Can I match the cart drawer design to my store's theme?</strong></summary>

Yes. In the Cart Editor, go to **Design** and click **Auto-match theme**. This pulls colors from your Shopify theme and applies them to the cart drawer. You can click repeatedly to preview different color schemes.

</details>

<details>

<summary><strong>What templates are available?</strong></summary>

Two templates: **Classic** (a calming design with soft colors, best for fashion, fitness, and beauty) and **Minimal** (a clean, distraction-free layout, best for home and garden stores).

</details>

<details>

<summary><strong>Can I add custom CSS?</strong></summary>

Yes. In the **Design** section, scroll to **Custom CSS** and enter your own CSS rules. This gives you full control over any visual aspect of the cart drawer.

</details>

## Sticky Cart

<details>

<summary><strong>What is the difference between Corner button and Side tab?</strong></summary>

* **Corner button** is a circular floating button positioned in one corner of the screen.
* **Side tab** is a rectangular tab that sticks to the left or right edge of the page.

Both open the cart drawer when clicked.

</details>

<details>

<summary><strong>Can I show the sticky cart only on mobile?</strong></summary>

Yes. In **Sticky Cart > Advanced settings**, set **Device visibility** to **Mobile only**. You can also choose **Desktop only** or **Show on all devices**.

</details>

## Need more help?

If your question isn't answered here, reach out to us:

📩 **AOV.ai Support**: <win@aov.ai>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.aov.ai/aov-cart-drawer-help-center/faq/faq.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.