How to Use the Vitals Cart Drawer App

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

1. Go to your Vitals app.

   

2. Click on Apps > Upsells > Cart Drawer.

3. Click Activate app to enable the app on your store.

⚙️ Customizing the Cart Drawer App Settings

Although still in its early stages, the Cart Drawer app offers a solid set of customization options:

1. General Settings

• Color Scheme

  Choose between:

  • Light
  • Dark
  • Custom (define your own background and text colors)

• 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.

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.

5. Cart Notice

If you use the Cart Notice app, you can also enable this option to appear in your cart drawer.

🛍️ Cart-Based Upselling & Rewards

You can enable the different options below should you like to have them appear 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.