Skip to main content

How to add Llama Upsells to your cart drawer?

This guide shows how to add Llama Upsells recommendations to your cart drawer.

Llama Support avatar
Written by Llama Support
Updated this week

This document explains how to integrate product recommendations into a cart drawer using Llama Upsells.

Setup Process

1. Create Campaign and Get ID

Create a campaign with product recommendations in Lama Upsells. After creation, Llama Upsells generates an ID. Copy this ID for use in the next steps. Note that IDs are not generated for auto add or post purchase campaigns.

2. Access Theme Customization

Navigate to your themes section and select your theme (this example uses Atelier). then click Customize.

3. Add Widget Block

In the customization interface:

  • Add a block to the header for site-wide access

  • Click Apps, then select Llama Upsell widget

  • Enter the copied widget ID in the Widget ID field

  • Click Save

4. Configure Embed Settings

Enable the Embed option and specify where blocks should display:

  • Select Embed

  • Open Chrome DevTools to identify the target location in the cart drawer

  • For class selectors, add a dot before the class name and a # for ids.

  • Enter the selector and save

5. Disable Llama Cart ( Optional )

If Llama Cart is enabled, you will need to disable it.

  • Go to Llama Upsells Customizer

  • Click the three dots menu

  • Deactivate Llama Cart

  • Confirm deactivation

6. Configure Ajax Updates

To ensure recommendations update in your cart when products are added:

  • Activate Ajax in settings

  • Input the cart items class (prepend with dot for class selectors)

  • Add the cart summary class for total value updates

  • Save all changes

7. Test Implementation

Refresh the page and add a product to cart. The recommendations should appear in the cart drawer with updates occurring when cart contents change. If you need additional support please email us at [email protected]

Did this answer your question?