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.


βœ… What You Can Do With the Cart Drawer App

With the Cart Drawer app enabled, you can:

  • 🎯 Have a dynamic cart drawer that slides out from the right side of the store
  • βš’οΈ Customize the different texts that appear in the cart drawer.
  • πŸ“ Let customers leave order notes at checkout
  • πŸ”„ Maintain a quick cart editing experience without leaving the page

🚧 Upcoming Features – We're Just Getting Started!

This app is still in its early stages, and we're actively working on exciting new features to enhance your store. Here’s a sneak peek at what’s coming soon:

🎯 Spending Goal Progress Bar

  • Motivate customers to increase their order value with a dynamic progress bar.

🚚 Free Shipping Bar & Custom Cart Messages

  • Highlight shipping perks and share tailored messages right in the cart.

🎁 Free Gift Incentives

  • Automatically offer free gifts when customers hit key spending milestones.

Stay tuned β€” more updates are on the way!



πŸ”§ 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.


🧾 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!”)

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.