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]