# Drawer Cart

{% embed url="<https://www.youtube.com/watch?v=x7HWC2skBZE>" %}

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

{% hint style="warning" %}
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.
{% endhint %}

{% hint style="warning" %}
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.
{% endhint %}

***

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.pagedeck.com/getting-started/drawer-cart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.