Cart Drawer

Adding The Section To Your Store

1. Open your theme editor
2. Click on “Add Section”
3. Find and add the “Cart Drawer” Section from the block library

Styling The Section

The Cart Drawer is a dynamic side drawer that appears instantly when a customer adds a product to their cart, keeping them engaged without interrupting their shopping flow.

It displays product details, cart summary, and optional trust elements like guarantees or shipping info. You can also add cross-sell or upsell offers here to encourage higher order values.

Optimizing this section helps reduce cart abandonment, improve user experience, and drive more completed checkouts.

* Remember, the Cart Drawer section doesn’t have any General/Section settings. So, you can directly start adding the various amounts of blocks you may find under it and start adding them to your store.

• Minute Timer
  
  Sets a countdown (e.g., “Your cart is reserved for 10 minutes”).
  
  

• Why it matters
  
  Creates urgency so customers check out faster.
  
  

Best practice: Keep it between 5–15 mins. Longer timers feel fake; shorter ones create pressure.

• Shipping Goal
  
  Amount customers need to spend to unlock free shipping.
  
  

• Discount Goal
  
  Higher spend threshold for discounts.
  
  

• Discount Code
  
  Apply auto-discount code once threshold is met.
  
  

• Discount Percent Text
  
  Text shown when discount applies.
  
  

? Example:

• Spend $20 more for FREE shipping
  
  

• Spend $40 more for 10% OFF (auto-applied at checkout)
  
  

This motivates upsells and larger carts.

• Shows products added to cart.
  
  

• No settings here → it just displays item images, titles, quantity selector, and prices.
  
  

? Keep this area clean, easy to edit, and scannable.

• Gift Rule Sum
  
  Minimum spend needed to unlock a gift (e.g., $100).
  
  

• Gift Image
  
  Upload product image of the gift.
  
  

• Gift Title
  
  Message shown before unlock (“You’re X away from a free gift!”).
  
  

• Gift Product
  
  Select the free product given.
  
  

• Gift Text Price
  
  Always set to Free.
  
  

? Best practice: Focus more on using the free gift to increase AOV - set the free gift threshold above your current AOV and have enough margin to cover the cost of the free gift while delivering a revenue uplift.

• Currently no customizable settings.
  
  

• Shows if discount codes are applied.
  
  

• Title Note
  
  Lets customers add “Order special instructions”.
  
  

• Useful for personalization (e.g., gift messages, delivery notes).
  
  

• Displays cart totals (subtotal, shipping, taxes).
  
  

• No settings: Auto-calculated by Shopify.
  
  

• Text Policy → Checkbox for terms & privacy agreement.
  
  

• Important for compliance and legal protection.
  
  

? Example: “By checking this box, you agree to our Privacy Policy and Terms of Service.”

• Text Button
  
  The text for your checkout CTA button (“CHECKOUT SECURELY”).
  
  

• Corner Radius
  
  Rounds the button edges.
  
  

• Background & Text Color
  
  Controls CTA styling.
  
  

• Icons Add Button
  
  Add an icon (like ? or ? for security).
  
  

? Best practice:

• Use high contrast colors (e.g., black background, white text).
  
  

• Add trust wording like “Secure Checkout”.
  
  

• Lets you show payment options (Visa, Mastercard, PayPal, Apple Pay, etc.).
  
  

• Builds trust by reminding customers they can pay securely and with their preferred method.
  
  

• Icons
  
  Add up to 4 icons with text (e.g., ? Secure Payments, ? Fast Shipping, ✅ Money-back Guarantee, ? Lab Tested).
  
  

• Mobile Settings
  
  Add smaller descriptive text for phones.
  
  

• Colors
  
  Customize icon stroke, background, and fill colors.
  
  

? Best practice: Pick 3–4 credibility signals your audience cares about most.

• Video Type
  
  Upload MP4 file or use YouTube link.
  
  

Why it matters: Adds social proof or product demo directly inside cart slide.

? Example: A 30-sec testimonial of someone showing results.

• Product 1, 2, 3
  
  Select extra products to suggest in-cart.
  
  

• Custom Title
  
  Add a personalized message (e.g., “Complete Your Bundle” or “Customers Also Bought”).
  
  

? Example:

• Main cart item: Protein Powder
  
  

• Addons: Shaker Bottle, Creatine Gummies, Pre-Workout
  
  

• Always show free shipping/discount progress bar → motivates higher AOV.
  
  

• Use trust badges → reduce checkout anxiety.
  
  

• Keep the checkout button large, bold, and sticky at bottom.
  
  

• Add 1–3 relevant upsells (not more, or it feels pushy).
  
  

• Keep mobile experience simple → padding adjusted for smaller screens.
  
  

• Urgency timer active.
  
  

• Free shipping & discount thresholds set.
  
  

• Free gift configured with clear unlock messaging.
  
  

• Cart items displayed cleanly.
  
  

• Policy & privacy checkbox visible.
  
  

• Checkout button high contrast & secure wording.
  
  

• Payment icons enabled.
  
  

• Trust badges added.
  
  

• Optional video or testimonial included.
  
  

• Addon products set for cross-sell.