Frequently Asked Questions
General
What is AOV.ai Cart Drawer?
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.
How do I install the app?
Go to the Shopify App Store and search for "AOV.ai Cart Drawer."
Click Add app and follow the on-screen instructions to install.
Once installed, open the app and follow the Setup guide to enable the cart drawer and match your brand.
Why is the cart drawer not visible on my store?
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.
Can I preview the cart drawer without affecting my live store?
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.
Cart Editor
Can I customize the header of the cart drawer?
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.
What product card options are available?
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.
Can I change the checkout button text and behavior?
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.
Features
How do I add upsell products to the cart drawer?
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.
What announcement types are available?
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.
How does the Rewards Bar work?
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.
What are the limitations of Discount Codes in the cart drawer?
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.
Does the Slide Cart Offer require another app?
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.
Is Shipping Protection actual insurance?
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.
Design and Customization
Can I match the cart drawer design to my store's theme?
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.
What templates are available?
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).
Can I add custom CSS?
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.
Sticky Cart
What is the difference between Corner button and Side tab?
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.
Can I show the sticky cart only on mobile?
Yes. In Sticky Cart > Advanced settings, set Device visibility to Mobile only. You can also choose Desktop only or Show on all devices.
Need more help?
If your question isn't answered here, reach out to us:
📩 AOV.ai Support: [email protected]
Last updated