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 free gifts and other upsell offers once customers meet specific spending milestones [Coming soon!]
  • 📝 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.
  1. 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.

  1. Cart Notice

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


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

Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.