πŸ“–
Pagedeck Docs
  • πŸ‘‹Welcome To Pagedeck
  • Getting Started
    • πŸ‘€Teams
    • πŸ’‘Managing Brands
    • βš™οΈBrand Settings
    • 🎨Adding Brand Colors & Styles
    • ✍️Adding Custom Fonts
    • πŸ“ŠAdding Tracking & Analytics
    • πŸ–₯️Connecting a Subdomain
    • ✨Creating A New Page
    • πŸ›οΈBuy Boxes & Creating Offers
      • The Buy Box
      • The Subscription Buy Box
      • The BOGO Buy Box
      • The Tiered Discount Buy Box
      • Product Combinations (Beta)
    • πŸ›’Drawer Cart
    • πŸ“ˆA/B Testing on Pagedeck
  • πŸ› οΈThe Page Editor
    • Using The Editor
Powered by GitBook
On this page
  • Using the Drawer Cart
  • How it Works with the Buy Boxes
  • Free Shipping Progress Bar
  • Adding Upsells
  • Styling the Cart and Upsells
  1. Getting Started

Drawer Cart

PreviousProduct Combinations (Beta)NextA/B Testing on Pagedeck

Last updated 10 hours ago

Using the Drawer Cart

The Drawer Cart lets you add a slide-out shopping cart to any Pagedeck landing page. This gives your customers an on-page cart experience, allowing you to introduce upsells, a free shipping progress bar, and other AOV-boosting toolsβ€”all without sending them away from your funnel.

It's ideal for pages where you want to keep customers engaged while encouraging larger purchases.


How it Works with the Buy Boxes

When a Drawer Cart is present on the page, Buy Boxes will trigger the cart instead of sending the user directly to checkout. This lets you stack multiple products, run offers, and include upsells before the customer reaches Shopify’s checkout.

Ensure that you paste your Shopify homepage link in the Store URL field. This allows Pagedeck to direct users to your Shopify checkout. If your checkout is hosted on a separate subdomain, use the subdomain URL instead.

Some buy boxes have the option to choose between Cart, Checkout, or a Custom URL when clicking the add-to-cart button.

If the drawer cart is not firing, ensure that you've selected 'Cart' under the Link Type setting.


Free Shipping Progress Bar

Encourage higher cart values with a free shipping threshold.

Inside the cart settings, you can:

  • Set the free shipping threshold amount

  • Toggle the progress bar on or off

  • Customize the notification text for when free shipping is reached


Adding Upsells

The Drawer Cart includes two types of upsells:

1. Featured Upsell

Always visible, shown first, and fixed at the bottom of the product list.

2. Additional Upsells

Displayed either in a grid or carousel layout. These will scroll within the cart viewport.

To add an upsell:

  1. Click the plus icon in the upsell list

  2. Paste in a Shopify product page URL

  3. Pagedeck will auto-sync the product details

When a customer adds an upsell to their cart, it’s removed from the listβ€”so you can keep multiple upsell products ready to rotate in dynamically.


Styling the Cart and Upsells

You can adjust:

  • Upsell background color

  • Upsell text color

And at the bottom of the section settings, you'll find standard layout controls and the ability to override theme colors if needed.

πŸ›’