How to add Cart Drawer

ConvertX Cart Drawer is a customizable slide-out cart for Shopify. It is also referred to as an optimized cart or dynamic cart because it combines cart display, upsell surfaces, trust modules, and checkout-focused elements in one place.

Unlike a product page App Block, Cart Drawer is powered by the ConvertX App Embed and reacts to storefront cart triggers.

Cart Drawer is the canonical ConvertX cart experience. It does not need a product page App Block.

How Cart Drawer works

Once enabled and published, Cart Drawer can:

  • Open from cart icons or cart triggers on the storefront

  • Display cart items, discounts, subtotal, and checkout controls

  • Show conversion modules such as recommended products or shipping protection

  • Add trust and urgency elements inside the cart

Before you start

Make sure that:

  • The ConvertX App Embed is enabled

  • Cart Drawer is active in ConvertX

  • Your theme has cart links or cart buttons shoppers can use

What Cart Drawer includes

The Cart Drawer editor covers several areas:

  • Drawer layout and header

  • Body sections such as announcement timer, free shipping bar, cart items, info message, and trust icons

  • Recommended products

  • Footer modules such as shipping protection, discount code, order notes, subtotal, checkout button, express checkout, and payment icons

Publish Cart Drawer

After publishing:

  • Cart Drawer loads through the ConvertX App Embed

  • It can replace or augment the storefront cart drawer experience depending on theme behavior

  • You should test cart opening, item updates, and checkout flow on the live theme

Related guides

Use the Cart Drawer cluster for the full setup:

Troubleshooting

Check the ConvertX App Embed, confirm Cart Drawer is enabled, and verify the theme exposes cart links or cart triggers on the storefront.

Review the section or footer module order, enabled state, and any plan restriction that applies to premium functionality.

Refine width, background, spacing, title, and footer styling so the drawer feels consistent with the active Shopify theme.

Best practices

  • Test the full add-to-cart to checkout flow on the live theme

  • Keep the drawer focused on checkout progress and a small number of conversion modules

  • Add trust, urgency, and upsells only when each one stays visually clear