# Mini Cart

**Introduction:** 

A sleek, convenient sidebar cart that enhances your shopping experience. It allows customers to view, update, and manage their cart items instantly without leaving the current page, ensuring a seamless and efficient checkout process.

Let's get started,

{% hint style="success" %}
You can download the Side Cart plugin from here: <https://upsellwp.com/add-ons/woocommerce-side-cart/>
{% endhint %}

{% hint style="warning" %}
**Note:** Ensure your UpsellWP PRO plugin is version 2.1.0 to access this feature in the plugin Dashboard.
{% endhint %}

**Here are the steps to download and activate the Mini Cart Addon**

**Step 1:** Download the Side Cart Addon in the UpsellWp Add-ons sections.

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2F1imbZVQYuZls95mtuaoH%2Fimage.png?alt=media&#x26;token=6370a49a-1380-4e2c-8038-252d14f0b0e6" alt=""><figcaption></figcaption></figure>

**Step 2:** Upload the Side Cart Add-On in the WooCommerce Plugin section

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FbixezTFANSyb0rly2btU%2Fimage.png?alt=media&#x26;token=7d3b9db5-b82f-4dba-bafe-c64da85736e8" alt=""><figcaption></figcaption></figure>

**Step 3:** Activate the Siide Cart Add-On.

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FWCVWsYYStZumMiy8QJPt%2Fimage.png?alt=media&#x26;token=4d410a93-afbe-41ce-8cfa-54d7fa3d549e" alt=""><figcaption></figcaption></figure>

Now you can see the Side Cart Addon is successfully activated on the UpsellWP Dashboard.

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FAjPKVzfTU4or1af5wSH4%2Fimage.png?alt=media&#x26;token=1dc5168d-c9ec-46eb-967d-5b1be1a8aa30" alt=""><figcaption></figcaption></figure>

Now you can set the Side Cart addon in the store, Let's see what the settings are in the Side Cart

### **CUSTOMIZATION:**

This customization option helps you to customize the Side Cart.

For example: You can able to customize widgets, sliders and so on...

**Here is the screenshot of the default customization settings for your reference:**&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FrRRp35gIXATpW4Qiwlho%2Fimage.png?alt=media&#x26;token=22bff38a-a339-4bd6-9220-1234b8a9eeac" alt=""><figcaption></figcaption></figure>

Let me explain the customization settings one by one:

**WIDGET:**

**Position:** You can position the Side Cart widget on either the right or left side.

**Horizontally:** You can position the Side Cart widget Horizontally.

**Vertically:** You can position the Side Cart widget Vertically.

**SLIDER:**

**Position:** You can change the side cart position on either the right or left side.

**HEADER:**

**Title:** You can enter the title for the Side Cart.

**ITEMS:**

**Show remove option:** Turn off this radio button to remove the option to delete the icon for the products from the Side Cart.

**Product price:** With this setting, you can display the product price as either "Show item Subtotal" or "Show product price" in the Side Cart.

**COUPON:**

**Show coupon:** Enable this coupon option to display the coupon entry field in the Side Cart.

**BUTTONS:**&#x20;

**Checkout text:** This option allows you to customize the Checkout button text in the Side cart to suit your needs.

**Show total:** You can toggle the display of the total amount in the checkout button of the side cart.

**Show cart button:** You can toggle the display of the cart button in the side cart.

**CART TOTAL:**

**Show subtotal:** You can toggle this option to display the Subtotal amount in the side cart.

**Show discount:** You can toggle this option to display the discount in the side cart.

**Show total:** You can toggle this option to display the total section in the side cart.

### **THEME:**

This setting helps to choose the theme of the Side Cart

**Here is the screenshot of the default themes for your reference:**

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FLFJ4eVG6e2ajJxNB3fLb%2Fimage.png?alt=media&#x26;token=4a53e4d4-6be4-44b7-9b31-9fc8aaac3778" alt=""><figcaption></figcaption></figure>

Choose the theme that matches your store's look and feel.

Also, you can edit the theme by clicking the "Edit" button:

**Here are the screenshots for your reference:**&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2F79jTfHqStV4oicecIkX1%2Fimage.png?alt=media&#x26;token=d545a370-b071-439f-b880-c74245fee196" alt=""><figcaption></figcaption></figure>

Here are the options you can edit in the Theme, **here is the screenshot for your reference:**&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FRsNw05oYfdfxakgOogWo%2Fimage.png?alt=media&#x26;token=40e8d522-e6d7-48ad-b1c7-8ae02947ffb8" alt=""><figcaption></figcaption></figure>

### **ADVANCED:**

The advanced option helps to enable advanced settings like banners, goals, recommendations and offers.

**Here is the screenshot of the Side Cart advance options for your reference:**

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FVzbGGFdFjZ4qE8hIQnTk%2Fimage.png?alt=media&#x26;token=2366beda-71f3-4d99-815f-c64a40608a3c" alt=""><figcaption></figcaption></figure>

**BANNERS:**

**Enable banner section:** By enabling this option you can display the banner for the Side Cart.

**Here is the screenshot for your reference:**&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2F00oiL9R8iZEATgpnl5U8%2Fimage.png?alt=media&#x26;token=e5943bb9-ac11-4a92-948a-409bbcf7dc06" alt=""><figcaption></figcaption></figure>

**GOALS:**&#x20;

**Enable goals section:** By enabling the goal section you can display the goal progress bar on the top of the Side Cart.

**Free shipping:** After enabling the "**Enable goals section**" you can see this option, by enabling this option you can show the goal progress bar for the Side Cart.

**Here is the screenshot for your reference:**&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FR9fMpRHDuW6ZX26SEfyn%2Fimage.png?alt=media&#x26;token=0acc629c-08f4-42bb-9e10-aa3099bd6bee" alt=""><figcaption></figcaption></figure>

**RECOMMENDATION:**&#x20;

**Enable recommendation section:** By enabling this option you can able to display the WooCommerce recommended products in the Side Cart

**Here is the screenshot for your reference:**&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FfnVb2P2znY5ts6I5Dhua%2Fimage.png?alt=media&#x26;token=0776e391-2824-403b-be59-f633dee99dfd" alt=""><figcaption></figcaption></figure>

**OFFERS:**

**Enable Offers section:** If you enable this option you can able to show the Cart Upsell products in the Side Cart.

Let's see how to show the Cart Upsell offer in the Side cart.

**Here is the configuration screenshot:**

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2FkLcX9aTlCG7xrOUOWgdC%2Fimage.png?alt=media&#x26;token=29cffb30-de24-4bb6-90c3-a561522e8fad" alt=""><figcaption></figcaption></figure>

Here are the steps to follow:

**Step 1:** Create a cart upsell campaign and if the side cart plugin is activated on your site you can able to see the "Display location on Mini-cart" inside the cart upsell configuration page.

**Step 2:** If you choose a "Side Cart - offer section" in the Display location on Mini-cart, you can able to display the cart upsell offer in the Side Cart offer section.

Here is the screenshot for your reference:&#x20;

<figure><img src="https://103964351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL9ouOmxB3CQwG5Kp3KD%2Fuploads%2Fe7NjM5TuESLhdCSvsoa1%2Fimage.png?alt=media&#x26;token=e845e1ae-370d-406f-8864-65821773f9ed" alt=""><figcaption></figcaption></figure>

By clicking the "Add to Cart" button you can able to add the Cart Upsell offer through the Side Cart plugin

You have successfully configured the Side Cart plugin!

{% hint style="warning" %}
You can download the Side Cart plugin from here: <https://upsellwp.com/add-ons/woocommerce-side-cart/>
{% endhint %}

**Still unclear?**

If you need any assistance, please create a[ support request](https://upsellwp.com/support/) in our ticket system. We are always happy to assist you :)