Cart Drawer

How to customize the cart drawer design

Overview All cart drawer settings of XB: AI Cart Upsell Cart Drawer are on one page: Cart Drawer in the app menu. The

How to use Rewards function in your cart

Overview The rewards bar in the cart drawer shows shoppers how close they are to the next reward, for example free sh

How to set up products for free

Overview A Free gift tier in the rewards bar gives the shopper free products when the cart reaches the tier, for exam

How to add a countdown announcement to the cart

Overview The announcement is a colored bar at the top of the cart drawer, for example "Your products are reserved for

How to customize cart items

Overview Cart Line Item controls how each product in the cart drawer looks: title, photo, saved money, variant change

How to set up cart upsell

Overview Cart upsell shows suggested products in the cart drawer, under a title such as "You might also like these".

How to show bundle offers in the cart (Integrate - Buy more & Save more)

Overview Integrate - Buy more & Save more shows offers from XB: Bundles Quantity Breaks inside the cart drawer, right

How to customize the empty cart

Overview When the cart is empty, the drawer shows a message, a Continue shopping button and, if you want, the rewards

How to add an order note field to the cart

Overview Additional note adds a field where shoppers can write instructions for the order, for example gift messages

Product add-ons in the cart

Overview Multi products add-ons shows extra products in the cart drawer footer, each with a toggle, for example gift

How to use Shipping protection

Overview Shipping protection adds an optional item to the cart drawer, with a toggle, that shoppers can buy to protec

How to use Discount code function

Overview The discount code field lets shoppers enter a code in the cart drawer instead of at checkout. They see the n

How to add a terms and conditions checkbox

Overview Terms adds a checkbox with a link to your terms, for example "I accept the Terms and Conditions", in the car

How to change the cart summary and checkout button

Overview The bottom of the cart drawer shows the totals (Cart Summary) and the Checkout button. You can change their

How to use Express Payment

Overview Express payment shows your store's accelerated checkout buttons, such as Shop Pay, Apple Pay or Google Pay,

How to show payment icons and trust badges

Overview Payment icons and trust badges reassure shoppers before they check out. Payment icons show the cards and wal

How to add custom HTML and CSS to the cart

Overview When the settings are not enough, you can add your own HTML (for example a banner or a message) at fixed pla