# In-cart upsell

<Embed url="https://youtu.be/3vy2EgUNXIE" />

Boost your sales effortlessly with our **In-Cart Upsell** feature!&#x20;

This feature allows you to showcase highly relevant product recommendations to your customers while they're reviewing their carts. Whether it's complementary items or enticing discounts, this strategic upsell prompts buyers to add more to their orders - maximizing cart value before they check out.&#x20;

<Tabs>
<Tab title="Cart page">

![image](https://docs-assets.foxecom.app/foxkit-app/image_C3DXzO2b.png)

</Tab>

<Tab title="Cart drawer">

![image](https://docs-assets.foxecom.app/foxkit-app/image_QKYxMRtD.png)

</Tab>
</Tabs>

### Steps

1\. Inside **FoxKit** > **FoxKit power >** Choose **In-cart upsell.**

2\. Click **Create offer** to start.

3\. Write the **offer name** and mark it as **Active** if merchants want to show the offer.

4\. Next, choose the suitable values for the "**Target to**" and "**Recommended products**"

* All products: apply to all the products that the store has.
* Specific products: need to manually select the products.
* Specific collection: manually add the collection.

![image](https://docs-assets.foxecom.app/files/HEu0LQNbVQy2ND3MCWil)

5\. Choose the active discount to promote the discount by percentage or a fixed amount.&#x20;

<Hint type="info">

The discount will be applied as long as any recommended products are added to the cart, even if the targeted product is no longer in the cart.

</Hint>

![image](https://docs-assets.foxecom.app/files/9qV9Pvh4xnZEc8w9JemU)

6\. **Save** the settings.

### Settings

From the **In-cart upsell** page, click the **Settings** button beside the **Create offer** button to navigate to the **In-cart settings** page.

<div data-full-width="false">![image](https://docs-assets.foxecom.app/foxkit-app/image_M2aLLhaA.png)</div>

![image](https://docs-assets.foxecom.app/foxkit-app/image_Hol1UU89.png)

* Choose a **Card style** for your **In-cart upsell**:

<Tabs>
<Tab title="Style 1">

![image](https://docs-assets.foxecom.app/foxkit-app/image_OfJ9ODjJ.png)

</Tab>

<Tab title="Style 2">

![image](https://docs-assets.foxecom.app/foxkit-app/image_rW7ia9l2.png)

</Tab>
</Tabs>

* Set an **Image ratio** for the product image:
  * Adapt to product image;
  * Square;
  * Portrait;
  * Landscape.
* You can change the **'Add to cart' button style**
  * Text
  * Icon
* You can also enable navigation by selecting the **Enable slider control** checkbox
  * Sliders only work in the cart drawer

<div data-full-width="true">![image](https://docs-assets.foxecom.app/foxkit-app/image_YzyLrhEg.png)</div>

* Insert your **Offer heading** that will appear above your **In-cart upsell**. Moreover, you can use variable `{product_title}` to display the product title.

<div data-full-width="true">![image](https://docs-assets.foxecom.app/foxkit-app/image_idwjD3oc.png)</div>

* Give the 'Add to cart' button a label to draw customers' attention (translate the button to any language using the [Translations](/foxkit-app/manage/translations) feature).&#x20;

<div data-full-width="true">![image](https://docs-assets.foxecom.app/foxkit-app/image_sYS68n4n.png)</div>