# 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" %}

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FbC4W2InVMxeIyyZroLf4%2Fimage.png?alt=media&#x26;token=b0ec4f18-23a4-4dd5-b056-a3ec3168efb0" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Cart drawer" %}

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FesEAzZe367NyH26pOb1y%2Fimage.png?alt=media&#x26;token=1bd3d699-0366-4f75-aeb0-5656e9fc1fb7" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 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.

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FHEu0LQNbVQy2ND3MCWil%2FScreen%20Shot%202021-10-27%20at%2021.05.01.png?alt=media\&token=0c37c871-d745-4f24-a28d-5d02baf7a02d)

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

{% hint style="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.
{% endhint %}

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F9qV9Pvh4xnZEc8w9JemU%2FScreen%20Shot%202021-10-27%20at%2021.05.09.png?alt=media\&token=823a9d5f-bbd0-4e48-b090-90d1175c6ba6)

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"><figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FfJFH2Vto8H4vh0MO7gXg%2Fimage.png?alt=media&#x26;token=04c39f44-b20f-4ccf-ac59-f2e16dc63eb7" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2F4nyPXrLj8TchzGQjLhE1%2Fimage.png?alt=media&#x26;token=c0291f54-3c94-4114-9324-07446978cc1b" alt=""><figcaption></figcaption></figure>

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

{% tabs %}
{% tab title="Style 1" %}

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2Fyv50AMhD6Gl5BBqYJGnH%2Fimage.png?alt=media&#x26;token=ac3e3070-89e7-47d4-afdc-26eecc90c756" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2F8CZJNaQuw5RZwU9WSR1N%2Fimage.png?alt=media&#x26;token=9f821ec0-8ca3-42d8-87b5-d22fd699c6f4" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* 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"><figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FcDOBVtBPgtSGrj1YVffF%2Fimage.png?alt=media&#x26;token=8829831f-d7e1-4f8c-9d52-79a9c1bc8a5c" alt=""><figcaption></figcaption></figure></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"><figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FO7g21pU9tPurYxsqhwMg%2Fimage.png?alt=media&#x26;token=95cd3903-65d4-466f-a6d2-d1a0c2682bcb" alt=""><figcaption></figcaption></figure></div>

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

<div data-full-width="true"><figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2Fo9G5HTs1yWIF3PwTKd6g%2Fimage.png?alt=media&#x26;token=018e1cfd-583f-4552-a5ed-443da3786ca0" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
Additional integrations may be needed to display FoxKit's In-Cart Upsell feature on your cart drawer.

👉 [Contact us](https://foxecom.com/pages/contact-us?utm_source=foxecom\&utm_medium=help_center_foxkit_in_cart_upsell\&utm_campaign=anchor_text\&utm_term=contact_us) for assistance.

*Please note, we may request you to reach out to your theme provider for specific information required for the setup.*

{% endhint %}

<figure><img src="https://1222926902-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2gqo9glygWoTkEqRV1dN%2Fuploads%2FIuqEOw0VgWDSqJ9HyRfu%2Flivechat883x471%20(1).png?alt=media&#x26;token=2d55e471-68de-413c-8041-8ae9c7f700a3" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_in_cart_upsell&#x26;utm_campaign=anchor-text&#x26;utm_term=install_xflow_back_in_stock_automation_free">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/foxkit-app/upsells/in-cart-upsell.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.