Cart Drawer offers allow you to display a cross-sell offer right within your storefront cart drawer in a location of your choice. Display your offer above the cart items, below the cart items, or in the footer of the cart drawer.
Note: This feature requires AJAX cart functionality.
This article guides you, step-by-step, on how to properly create a Cart Drawer offer.
Walkthrough
Step 1: Enable the Cart Drawer app embed on your theme.
- From your Shopify admin, navigate to Sales Channels > Online Store > Themes.
- Next to your chosen theme, click Customize.
- Click the App embeds icon in the left menu.
- Enable Cart Drawer Offer by sliding the toggle to the right.
- Click Save.
Step 2: Customize the Cart Drawer Offer settings
- Click on the Cart Drawer Offer app embed to expand the settings.
- Optional: Use the Cart Drawer Offer Position menu to select a location for your Cart Drawer Position.
Note: View the placement of your offer by adding a product to your cart from within the theme editor and reopening the cart.
- Optional: Check the box next to Show Quantity Input to enable the quantity selector in the Upsell offer.
Note: Enabling the quantity selector here will apply to all your Cart Drawer offers. If you’d like to enable this on a case-by-case basis for each individual offer, you can do this in the offer settings as shown below in Step 3: Create your offer in Upsell.
- If you are using a Shopify vintage theme, check the Use Custom Cart Drawer box to ensure the Cart Drawer offer works on your store.
Note: If you are unsure of whether you are using a vintage or Online Store 2.0 theme, please visit Shopify's article Theme architecture versions.
- Click Save.
Step 3: Create your offer in Upsell.
- Navigate to Bold Upsell > Manual Offers and click Create New Offer.
- Enter an internal name for your offer.
- Click Set A Trigger.
- Expand the Trigger event dropdown menu, and select Cart Drawer Widget.
- Under Trigger products, select one of the two options:
- Trigger an upsell on specific products - This option allows you to select specific products to act as the trigger product. If this option is selected, proceed to step #6.
- Trigger an upsell on every product - This option will set all products on your store as a trigger for the offer. If this option is selected, skip to step #9.
- Click Select Products, and select your products, variants or collection you would like to trigger the offer.
- Click Save Selection.
- Optional: Enter a Trigger quantity.
Note: This only shows the offer if your customer has that number of trigger products in the cart.
- Click Set An Offer.
- Enter a Title.
- Click Select Products, and select your products, variants or collection you would like to offer.
Note: For ease of viewing in the cart, we recommend choosing three or fewer offer products.
- Click Save Selection.
- Optional: Enable Allow customers to set product quantities in the offer.
- Optional: Select Set Date Range and enter a Start and End date.
- Optional: Select Set Cart Price and enter a Min and Max cart total.
- Optional: Apply any of the Additional Options.
Note: Read more about these settings in Upsell Offers Overview.
- Select Save Offer.