Upsell Products

What are Upsell Products?

Upsell Products lets you display additional product recommendations inside the cart drawer. When a customer opens their cart, they see suggested items they can add with one click β€” boosting your average order value without interrupting the shopping flow.

Why use Upsell Products?

  • Increase average order value β€” Show relevant products that complement what the customer already has in their cart.

  • Smart recommendations β€” Choose between AI-powered suggestions, best sellers, or hand-picked products.

  • Seamless experience β€” Customers can add upsell items directly from the cart drawer without navigating away.

Requirements before using

  • You must have the AOV.ai Cart Drawer app installed and active.

  • Products must already be added to your Shopify store.

  • For AI recommendations, at least one item must be in the cart.

How to Set Up?

Step 1: Open Upsell Products Settings

  1. Go to AOV.ai Cart Drawer > Cart Editor.

  2. Click Upsell products in the left menu under Body.

Open upsell products settings

Step 2: Choose a Product Selection Method

  1. Under Product selection, choose how upsell products are picked:

    • AI recommendation β€” The app automatically suggests related products based on what is in the cart. Set the Number of related products shown to control how many appear.

    • Best sellers β€” Displays your store's top-selling products. Set the Number of best selling products shown.

    • Manual selection β€” Hand-pick specific products. Click Add more products to browse and select items from your catalog.

Tip: AI suggestions require at least one item in the cart to generate recommendations.

Product selection method

Step 3: Configure Upsell Settings

  1. Under Upsell settings, customize the display:

    • Title β€” The heading shown above the upsell products section (e.g., "You may also like").

    • Button label β€” The text on the add-to-cart button for upsell items (e.g., "Add").

    • Toggle Hide upsell products when they are added to the cart to automatically remove items from the upsell list once a customer adds them.

    • Toggle Display reviews for upsell products to show star ratings on upsell items.

Upsell settings

Step 4: Customize Upsell Design

  1. Under Design, style the upsell section:

    • Title color β€” The color of the upsell section heading.

    • Button settings:

      • Background color β€” The fill color of the add button.

      • Button text color β€” The text color on the add button.

      • Button border radius β€” The roundness of button corners.

    • Border color β€” The color of the card border.

    • Card border radius β€” The roundness of the product card corners.

    • Toggle Use border to show or hide borders around upsell cards.

Upsell design settings

Step 5: Preview and Save

  1. Review the upsell products in the live preview on the right panel.

  2. Click Save to apply your upsell settings.

Preview and save

Your upsell products are now active. Watch your average order value grow as customers discover and add complementary items right from the cart! πŸš€

Last updated