Cart Drawer on Shopify with Vitals: features, pricing and setup
Last updated on October 31, 2026
Yes, Vitals has a slide-out cart drawer for Shopify. The Vitals app (Vitals: Reviews, Bundles & 40+ on the Shopify App Store) includes Cart Drawer, a slide cart (side cart) that slides in from the right side of the page (or the left, if you choose) so shoppers can check and edit their cart without leaving the page. It can show a free shipping or spending goal progress bar, upsell and add-on suggestions, gift offers, an announcement bar and order notes. It comes in the same plan as product reviews, bundles, pop-ups and 40+ other apps, so you do not need a separate cart drawer app.
🛒 Vitals Cart Drawer at a glance
| Question | Answer |
|---|---|
| What it is | A slide-out cart that opens when a shopper adds a product to the cart from a product page, the homepage or a collection page, or clicks the cart icon. It opens from the right by default, and you can switch it to the left. |
| Cart features | Quantity editing, order notes, a custom disclaimer, your own wording for the Checkout button and Continue Shopping link, and an empty-cart message |
| Upsells in the cart | Product suggestions above the checkout button or after the cart items, Spending Goals (free shipping or discount progress bar, at the top or bottom of the drawer) and Gift offers, all created in Upsell Builder. You can also show an Add-ons box with extra products you pick in Cart Drawer → Add-ons. |
| Bundles | Bundled products appear grouped under the main product, the same way Shopify Checkout shows them |
| Other Vitals apps | Can show your Vitals Announcement Bar and Cart Notice inside the drawer |
| Design | Light, Dark or Custom colour scheme |
| Pricing | Included in the Vitals All-in-One plan, $29.99/month, with a 7-day free trial. The Cart Drawer itself has no usage fee. Sales from Upsell Builder offers shown in the drawer count as Direct Revenue Assists: the first $1,000 a month is free, then usage charges start at $40 a month. See the Shopify App Store listing for current pricing. |
When the Vitals Cart Drawer is not the right fit
- Themes with their own cart drawer or cart icon that Vitals does not support yet. On some themes the theme's own drawer or cart page can still open. Check your store after you turn the app on.
The Cart Drawer app creates a seamless, interactive shopping experience by displaying the cart in a sleek slide-out panel from the right side of the page. Beyond improving user flow, it also enhances your conversion rate with built-in upselling and promotional features.
✅ What You Can Do With the Cart Drawer App
With the Cart Drawer app enabled, you can:
- 🎯 Show a spending goal progress bar to encourage higher order values
- 🚚 Display a free shipping bar and custom cart messages
- 🎁 Offer upsell suggestions once customers meet your upsell requirements (in our Upsell Builder app)
- 📝 Let customers leave order notes at checkout
- 🔄 Maintain a quick cart editing experience without leaving the page
🔧 How to Activate the Cart Drawer App
Go to your Vitals app.
- Click on Apps > Upsells > Cart Drawer.
- Click Activate app to enable the app on your store.
⚙️ Customizing the Cart Drawer App Settings
The Cart Drawer app offers these customization options:
1. General Settings
Color Scheme
Choose between:
- Light
- Dark
- Custom (define your own background and text colors)
Cart Items
Customize how cart items appear in the drawer, including title lines, price position and layout, spacing between details, quantity selector size, and the remove icon and its position.
Discounts and Savings
Choose how discounts and savings appear above the checkout button: Collapsible (default), Always shown or Hidden. Collapsible keeps the Show discounts and savings toggle; Always shown displays the old price, discount rows and subtotal without a toggle.
Show Order Note
Toggle this ON to allow customers to leave notes on their order directly from the cart drawer.
2. Checkout Buttons
- Modify the wording for:
- The main Checkout button
The Continue Shopping link
This is great for tone of voice consistency with your brand.
When the main button action is set to go to the checkout page, you can also turn on Terms checkbox to require shoppers to accept your terms before checkout. The checkbox only shows while the Agree to Terms Checkbox app is active: the badge next to the setting shows whether it is on, and Agree to Terms opens that app.
3. Show Disclaimer
Add a custom disclaimer message about shipping, handling, or legal info at the bottom of the drawer.
4. Announcement Bars
If you use the Vitals Announcement Bars app, you can:
- Mirror the same announcement bar inside the cart drawer for continuity.
- Cart Notice
If you use the Cart Notice app, you can also enable this option to appear in your cart drawer.
Currency Converter notice
To show a converted-currency notice in the drawer, go to Cart Drawer → General settings → Currency notice and turn on Show currency notice. It also requires Currency Converter → Cart notice → Enable cart notice. The notice appears only when shoppers browse in a converted currency that they do not pay in; you can place it above or below the checkout button, or inside it.
🛍️ Cart-Based Upselling & Rewards
You can enable the different options below should you like to have them appear in the Cart Drawer app.
For Product Bundle suggestions, go to Cart Drawer → Product upsells and recommendations and turn on Let shoppers pick bundle products to let shoppers choose a product for one missing bundle slot. This option does not apply to fixed-price bundles or bundles with two or more missing slots.
Cart Drawer Add-ons
Offer extra products, such as gift wrap or shipping protection, directly in the cart drawer. Go to Cart Drawer → Add-ons, turn on Show add-ons, then choose the products to offer.
- Set an Offer title for the add-ons box.
- Let shoppers choose multiple products or a single product.
- With multiple choice, display choices as toggles or checkboxes.
- Choose to show 1–5 products.
- Optionally add a note field, including its placeholder text, order label and character limit.
Note: For the Goal and Gift upsell offers, they should be properly created inside the Upsell Builder app first in order for them to be enabled and seen in the Cart Drawer app.
Spending Goal Progress Bar
- Displays a visual progress bar toward a cart total goal (e.g., "Spend $50 more for 10% off!")
- Encourages customers to add more items to unlock the reward
🧾 Empty Cart State
Even when the cart is empty, you can keep it branded and engaging:
- Customize the empty cart message (e.g., “Your cart is lonely. Add something great!”)
💡 Pro Tip
Using the Cart Drawer alongside Vitals' other upsell modules creates a unified and persuasive checkout journey—one that increases order value without being pushy.
Ready to turn your cart into a conversion engine?
Enable the Cart Drawer app today and transform passive browsers into active buyers—right from the side of the screen.
❔ Frequently Asked Questions (FAQs)
Q: Does Vitals have a cart drawer app for Shopify?
A: Yes. Cart Drawer is a slide-out cart included in the Vitals app, with a free shipping or spending goal bar, upsells, add-ons, gift offers and order notes.
Q: How much does the Vitals Cart Drawer cost?
A: It is included in the Vitals All-in-One plan at $29.99/month, with a 7-day free trial. Check the Shopify App Store listing for current pricing.
Q: Can I show a free shipping progress bar in the cart drawer?
A: Yes. Create and activate a Spending Goal offer in Upsell Builder, then open Cart Drawer → Spending goal and turn on Show goals.
Q: Can I show upsells in the cart drawer?
A: Yes. Upsell suggestions, Spending Goals and Gift offers from Upsell Builder can appear inside the drawer, and you can add an Add-ons box with products you choose in Cart Drawer → Add-ons.
Q: Does the Vitals Cart Drawer app work with Add to Cart buttons on homepages or collection pages?
A: Yes. The drawer opens after a shopper adds a product from a product page, the homepage or a collection page, and when they click the cart icon. On some themes the theme's own cart can still open, so check your store after you turn the app on.