---
title: "How to Add a Mini Cart to the Site Header"
source: "https://docs.nexcess.com/software/kadence/theme/add-mini-cart-to-header/"
description: "When WooCommerce is installed and active in your Kadence-powered WordPress site, you can easily add a functional mini cart in your site's header. This feature i…"
vertical: "Software"
area: "Kadence Theme"
date: "2020-11-16"
last_modified: "2026-07-02"
---

# How to Add a Mini Cart to the Site Header

When WooCommerce is installed and active in your Kadence-powered WordPress site, you can easily add a functional mini cart in your site’s header.

This feature is available in the free Kadence theme and does not require Kadence Theme Kit Pro. However, with [Kadence Theme Kit Pro](https://www.kadencewp.com/pricing/), you can also add a [free shipping notice](#free-shipping-cart-notice) to your mini cart.

By default, the cart icon will link to your WooCommerce cart page.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/header-cart-icon-1024x147-1.png)With Cart Click Action set to POPOUT CART, clicking the cart icon will slide open the mini cart from the side of the screen.

To add a mini cart to your header go to **Customizer > Header** and drag **Cart** item to your desired position in the header builder.

![Adding Header Cart to Header Builder](https://docs.nexcess.com/wp-content/uploads/2026/06/header-mini-cart-kadence-1024x576-1.jpg)

To get to the settings of Cart item, click on the pencil icon for the cart item in the header or the gear icon in the header builder.

![Editing Cart item settings](https://docs.nexcess.com/wp-content/uploads/2026/06/editing-cart-item-settings-1024x576-1.jpg)

![Header Cart General Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/header-cart-settings-kadence.png)Header Cart General Settings

![Header Cart Design Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/header-cart-design-settings-kadence.png)Header Cart Design Settings

Free Shipping Cart Notice (Pro Feature)

When the **Cart Click Action** is set to **Popout Cart** or **Dropdown Cart**, you can also enable the free shipping cart notice. This feature is only available with Kadence Theme Kit Pro.

**Amount needed for Free Shipping:** Set the minimum cart value needed for free shipping. Note this does not enable free shipping but simply displays the notice when the cart total is less than this value.

**Cart Notice Message:** Set the message to display when the user has not met the free shipping threshold. Use `{cart_difference}` to display the amount needed to qualify.

![WooCommerce sidebar-cart free shipping notice](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-06-03-at-3.38.07-PM.png)Header Cart General Settings (Pro)