Site headers
Show a cart icon with a count in the header template.
Commerce / widget · Elementor module
Store Cart Link Widget Plugin for Elementor
Add a link or button to the WooCommerce cart with the number of items and the total, kept current in the browser through the store’s own Store API.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Store cart linkProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published widgets; add a product to the demo store’s cart and the counts follow.
02 / Inside WordPress
Store cart link controls in Elementor
Link sets the text, the item count and total, what happens when the cart is empty, a button, text link or icon look, hiding on the cart and checkout, live updates and an icon. The Style tab covers the text and surface, the icon, and the link colours in normal, hover and focus with the count badge colours.
03 / Website use cases
Where to use store cart link
A cart link in the header is how shoppers find their way to checkout, but a count baked into a cached page is wrong for everyone else, and a link that only says Cart gives no sign that anything is in it. Store cart link always points at WooCommerce’s cart page, shows the number of items and the total as a badge, button or icon, asks the store’s own Store API for the visitor’s cart so cached pages are right, updates when items are added, and can change or hide itself when the cart is empty.
Landing pages
Show a checkout prompt once something is in the cart.
Product pages
Show the running total next to the add-to-cart area.
04 / Installation and setup
How to add a cart link with a count in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install WooCommerce and Complementor, connect your license and enable Store cart link in the Complementor library.
Check that the cart page is set in WooCommerce › Settings › Advanced.
Add the widget to your header or menu area.
Choose a button, text link or icon, and whether to show the count and total.
Choose what shows when the cart is empty, then style the badge.
05 / Content and style controls
Customize store cart link in Elementor
Configure the settings available for this module to suit the page you are building.
A link to WooCommerce’s current cart page.
The number of items as a badge and the cart total.
A button, a text link or an icon with a count badge.
Other text, or hiding, when the cart is empty.
Live updates from the store’s Store API after items are added or removed.
Hidden on the cart and checkout pages.
06 / Choose the right approach
Store cart link and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Store shop link
A link or button to the shop or a category.
Shipping threshold calculator
Shows how far a basket is from free shipping.
07 / Requirements and compatibility
Store cart link compatibility with Elementor
- Requires Elementor and WooCommerce with a published cart page.
- Live updates read the visitor’s cart from this site’s WooCommerce Store API (wc/store/v1/cart).
- It is a link to the cart, not a mini cart listing the products.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot store cart link
Check these settings if the published page behaves differently from the editor.
Why does the count not change when I add an item?
Live updates listen for WooCommerce’s add-to-cart events and reload the count from the Store API. Themes that add items without those events update on the next page load.
Why does the link not show?
The cart page is not set or not published, you are on the cart or checkout page, or the cart is empty and set to hide.
Why does the editor show an empty cart?
The editor uses your own cart on the site, which is usually empty.
Store cart link plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it work with page caching?
Yes. The browser asks this site’s WooCommerce Store API for the visitor’s cart, so a cached page still shows the right count.
Does it send data elsewhere?
No. It only reads the cart from your own site’s Store API.
Is the icon accessible?
Yes. The link is named with its text, the number of items and the total for screen readers.
Can it hide when the cart is empty?
Yes. Choose to hide it or to show other text, such as Nothing in your basket yet.
10 / Annual All Access subscription
Get store cart link with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.