Make a selection

Create a Cart Drawer Offer

Brysen
Brysen
  • Updated

Cart Drawer offers allow you to display a cross-sell offer right within your storefront cart drawer. This feature requires AJAX cart functionality and the Grow 5K plan or higher.

You can display the offer within a cart drawer location of your choice, such as above the cart items, below the cart items, or in the footer of the cart drawer.

This article will guide 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.

  1. From your Shopify admin, navigate to Sales Channels > Online Store > Themes.
  2. Next to your chosen theme, click Customize.

    Customize

  3. Click the App embeds icon in the left menu.

    App embeds

  4. Enable Cart Drawer Offer and Cart Hooks by sliding the toggle to the right.

    toggles

  5. Click Save.

 

Step 2: Change the position of your Cart Drawer Offer and more

  1. Click the arrow to the left of Cart Drawer Offer to expand the settings.

    arrow

  2. Optional: Using the dropdown menu, 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.

    Changing Cart Drawer Position
  3. 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 for each offer individually, you can do this in the offer settings as shown in Step 3 below.

    Quantity Input
  4. 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.

    Use Custom Cart Drawer
  5. Click Save.

 

Step 3: Create your offer in Upsell.

  1. Navigate to Bold Upsell > Manual Offers and click Create New Offer.
  2. Enter an internal name for your offer.
  3. Click Set A Trigger.
  4. Expand the Trigger event dropdown menu, and select Cart Drawer Widget.
  5. Under Trigger products, select one of the two options:
    1. 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.
    2. 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.
  6. Click Select Products, and select your products, variants or collection you would like to trigger the offer.
  7. Click Save Selection.
  8. Optional: Enter a Trigger quantity.

    Note: This only shows the offer if your customer has that number of trigger products in the cart.

  9. Click Set An Offer.
  10. Enter a Title.
  11. 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.

  12. Click Save Selection.
  13. Optional: Enable Allow customers to set product quantities in the offer.
  14. Optional: Select Set Date Range and enter a Start and End date.
  15. Optional: Select Set Cart Price and enter a Min and Max cart total.
  16. Optional: Apply any of the Additional Options.

    Note: Read more about these settings in Upsell Offers Overview.

  17. Select Save Offer.