The mini cart for WooCommerce offers immediate access to cart details. It enhances the user’s interaction with your store. By using the mini cart shortcode, you can display a mini cart anywhere on your website. This includes a cart fly-out for a detailed view of cart items and totals. It gives users a seamless shopping experience.
With conventional checkout processes, the cart is often hidden, causing confusion among users about their selected products. The mini cart for WooCommerce solves this issue by providing complete cart details, allowing customers to continue shopping or checkout whenever they’re ready.
<h2>Features</h2>
<ul>
<li style="font-weight: 400">Easily add a flyout cart to any page.</li>
<li style="font-weight: 400">Use shortcodes to display a mini cart anywhere on your site.</li>
<li style="font-weight: 400">Customize with 13 different Cart-like icons.</li>
<li style="font-weight: 400">Choose between a sticky cart or a side cart.</li>
<li style="font-weight: 400">Upload a custom cart icon.</li>
<li style="font-weight: 400">Enable the sliding cart for better UX.</li>
<li style="font-weight: 400">Enable/Disable tax display in cart prices.</li>
<li style="font-weight: 400">Display cart items and prices with an icon.</li>
<li style="font-weight: 400">Add a cart icon to multiple page positions.</li>
<li style="font-weight: 400">Disable the cart on specific pages.</li>
<li style="font-weight: 400">Engage users with a fly-out cart animation and optional added notifications.</li>
</ul>
<h3>Display Mini Cart Anywhere</h3>
The mini cart for WooCommerce plugin allows you to display the cart anywhere in the store, even in the menu. With the mini cart shortcode, you can position the mini cart on multiple pages, including the header, footer, or sidebar, ensuring it remains visible and accessible to users.
<img class="aligncenter wp-image-18734002735161 size-medium" src="https://woocommerce.com/wp-content/uploads/2023/01/Mini-Cart.png?w=851" alt="Mini cart in store" width="851" height="875" />
<h3>Display a Sticky Cart on WooCommerce Store</h3>
Enable the sticky cart for WooCommerce to display all products in the cart. Users can increase the quantity of products or remove them using a dropdown button. Customize the sticky cart with the following options:
<ul>
<li style="font-weight: 400">Enable the add to cart button.</li>
<li style="font-weight: 400">Allow checkout from the sticky cart.</li>
<li style="font-weight: 400">Change the text, buttons, and background color of the cart.</li>
</ul>
<img class="aligncenter wp-image-18734001706706 size-full" src="https://woocommerce.com/wp-content/uploads/2023/01/Sticky-Cart-GIF.gif" alt="Display Sticky Cart" width="600" height="338" />
<h3>Auto Display Side Cart when Product is added</h3>
Improve the purchase flow with the side cart for WooCommerce, which automatically appears when a product is added. Customize it with features such as:
<ul>
<li style="font-weight: 400">Fly-to-cart animation.</li>
<li style="font-weight: 400">Automated display.</li>
<li style="font-weight: 400">Rounded corners.</li>
<li style="font-weight: 400">Coupon code redemption in the side cart.</li>
<li style="font-weight: 400">Display on the left or right side of the screen.</li>
<li style="font-weight: 400">Customizable header text, icons, colors, etc.</li>
</ul>
<img class="aligncenter wp-image-18734001706709 size-full" src="https://woocommerce.com/wp-content/uploads/2023/01/Side-Cart-GIF.gif" alt="Side cart auto display" width="600" height="338" />
 
<h3>Enable Add-to-Cart notifications</h3>
Notify customers with a cart widget every time they add a product to the cart. This feature ensures users can continue shopping without worrying about whether the product has been added. Customize the notification text and background colors to match your store’s theme.
<img class="aligncenter wp-image-18734000968724 size-medium" src="https://woocommerce.com/wp-content/uploads/2019/08/1.gif?w=690" alt="Add to cart notification" width="690" height="388" />
<h3>Maximize sales volume with a fly-out Cart</h3>
The mini cart for WooCommerce allows you to enable a floating cart that highlights cart details when hovered over. You can choose the number of items to display in the fly-out cart and set shorter product names for a concise view.
<img class="aligncenter wp-image-18734002735400 size-medium" src="https://woocommerce.com/wp-content/uploads/2023/01/Flyout-cart-for-Mini-Cart.gif?w=600" alt="Fly-out cart with details" width="600" height="310" />
<h3>13 Different Icons to Symbolize Mini Cart</h3>
Make your mini cart more attractive with 13 icons to choose from. The menu cart for WooCommerce also allows you to upload a custom icon, adding a unique touch to your store.
<img class="aligncenter wp-image-5273973 size-full" src="https://woocommerce.com/wp-content/uploads/2019/08/default-icons-or-custom.png" alt="Cart and custom icons." width="750" height="248" />
<h3>Configure the Cart menu</h3>
The menu cart plugin for WooCommerce provides various configuration options for the cart menu, allowing you to display products, quantities, prices, and the total amount in the cart menu. Options include:
<ul>
<li style="font-weight: 400">Displaying the cart icon.</li>
<li style="font-weight: 400">Showing the cart icon, products, and prices.</li>
<li style="font-weight: 400">Displaying items and prices.</li>
</ul>
<img class="aligncenter wp-image-18734002742085 size-medium" src="https://woocommerce.com/wp-content/uploads/2023/01/Configure-Cart-Menu.png?w=896" alt="Cart menu configuration bar" width="896" height="95" />
<h3>Change the Cart texts and links</h3>
Personalize your side cart by customizing the text and links. Add text for ‘Empty Cart’ and ‘View Cart’ to make the shopping experience more intuitive and engaging. You can also specify Cart and Checkout URLs.
<img class="aligncenter wp-image-5273982 size-full" src="https://woocommerce.com/wp-content/uploads/2019/08/text-links.png" alt="Cart texts and links tab" width="750" height="496" />

Mini Cart

By displaying real-time updates in both the mini cart and the side cart, users can confidently continue shopping, leading to higher conversion rates and a reduced likelihood of cart abandonment.

<h2>Turn Every Page of Your Store into a High-Converting Promotion Space</h2>
Sales Banner Images for WooCommerce is a powerful yet lightweight marketing extension that allows store owners to display professional, eye-catching banner images across their WooCommerce store and WordPress site. Whether you are running flash sales, seasonal campaigns, new product launches, or important announcements, this plugin ensures your message is visible exactly where customers are most likely to take action.
Unlike generic banner plugins, Sales Banner Images for WooCommerce is purpose-built for WooCommerce page structures and buying flows. It integrates seamlessly with product pages, category archives, cart, checkout, and account areas—without breaking themes or requiring custom code.
<hr />
<h2>Built for Conversions, Not Just Decoration</h2>
Online shoppers make decisions quickly. Strategic placement of banners at the right time can significantly increase engagement, reduce cart abandonment, and boost conversions. This plugin is designed around real eCommerce behavior:
<ul>
<li>Promote discounts before customers browse products</li>
<li>Reinforce offers during cart and checkout</li>
<li>Upsell or cross-sell after purchase</li>
<li>Communicate trust, shipping offers, or announcements consistently</li>
</ul>
Every banner is displayed in a clean, non-intrusive way that enhances the shopping experience instead of distracting from it.
<hr />
<h2>Complete Feature Overview</h2>
<h3>WooCommerce-Specific Banner Locations</h3>
Sales Banner Images for WooCommerce supports all critical WooCommerce pages out of the box:
<ul>
<li>Single Product Pages 
Display banners above product content to highlight discounts, limited-time offers, warranty messages, or shipping perks.</li>
</ul>
<a href="https://woocommerce.com/?attachment_id=18734006238938"><img class="alignnone wp-image-18734006238938 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/product-page-sales-banner.png" alt="" width="1918" height="1604" /></a>
<ul>
<li>Product Category Pages 
Add category-specific promotions such as “Up to 30% off Shoes” or “New Arrivals in Electronics”.</li>
</ul>
<img class="alignnone wp-image-18734006238942 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/product-category-sales-banner.png" alt="" width="1805" height="1523" />
<ul>
<li>Product Tag Pages 
Target tag-based browsing with focused promotional banners.</li>
</ul>
<figure id="attachment_18734006238958" aria-describedby="caption-attachment-18734006238958" style="width: 1739px" class="wp-caption alignnone"><a href="https://woocommerce.com/wp-content/uploads/2026/01/tags-sales-banner.png"><img class="wp-image-18734006238958 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/tags-sales-banner.png" alt="tags-sales-banner" width="1739" height="1612" /></a><figcaption id="caption-attachment-18734006238958" class="wp-caption-text">tags-sales-banner</figcaption></figure>
<ul>
<li>Shop Page 
Set a global shop banner to announce store-wide sales, coupon campaigns, or seasonal promotions.</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2026/01/shop-page-sales-banner.png"><img class="alignnone wp-image-18734006238961 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/shop-page-sales-banner.png" alt="" width="1733" height="2208" /></a>
<ul>
<li>Cart Page 
Reinforce trust badges, free shipping thresholds, or last-chance offers before checkout.</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2026/01/Cart-page-sales-banner.png"><img class="alignnone wp-image-18734006238969 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/Cart-page-sales-banner.png" alt="" width="1748" height="1215" /></a>
<ul>
<li>Checkout Page 
Display reassuring messages, guarantees, or final promotional reminders at the most critical conversion stage.</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2026/01/Checkout-page-sales-banner.png"><img class="alignnone wp-image-18734006238973 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/Checkout-page-sales-banner.png" alt="" width="1750" height="1524" /></a>
<ul>
<li>Thank You Page 
Show thank-you messages, upsell related products, promote loyalty programs, or encourage repeat purchases.</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2026/01/thankyou-page-sales-banner.png"><img class="alignnone wp-image-18734006238983 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/thankyou-page-sales-banner.png" alt="" width="1694" height="1584" /></a>
<ul>
<li>My Account Page 
Share exclusive offers, announcements, or member-only campaigns with logged-in customers.</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2026/01/My-account-sales-banner.png"><img class="alignnone wp-image-18734006238984 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/My-account-sales-banner.png" alt="" width="1589" height="1233" /></a>
<hr />
<h3>WordPress Content Banner Support</h3>
In addition to WooCommerce pages, the plugin fully supports standard WordPress content:
<ul>
<li>Posts – Add banners above blog articles to promote products or campaigns</li>
</ul>
<a href="https://woocommerce.com/wp-content/uploads/2026/01/single-post-slaes-banner.png"><img class="alignnone wp-image-18734006238990 size-full" src="https://woocommerce.com/wp-content/uploads/2026/01/single-post-slaes-banner.png" alt="" width="1918" height="1844" /></a>
<ul>
<li>Pages – Display banners on landing pages, about pages, or custom layouts</li>
<li>WordPress Category Pages – Promote content-specific offers or announcements</li>
</ul>
This makes the plugin ideal for content-driven stores that rely on blogging and SEO traffic.
<hr />
<h3>Custom Banners with Shortcodes</h3>
Need full control? Create unlimited custom banners and place them anywhere using shortcodes.
<pre><code>[sales_banner id="1"]</code></pre>
Shortcodes work inside:
<ul>
<li>WordPress editor (Classic & Block)</li>
<li>Widgets</li>
<li>Custom templates</li>
<li>Page builders that support shortcodes</li>
</ul>
This flexibility allows advanced users to design highly targeted promotional layouts.
<hr />
<h2>Design & Customization Options</h2>
Every banner is fully customizable without touching code:
<ul>
<li>Responsive Design – Automatically adapts to desktop, tablet, and mobile devices</li>
<li>Custom Dimensions – Set width, height, max-width, and max-height</li>
<li>Clickable Banners – Link banners to internal or external URLs</li>
<li>Open in New Tab Option – Control link behavior</li>
<li>Alt Text Support – Improve accessibility and SEO</li>
<li>Enable / Disable Controls – Toggle banners per page type</li>
</ul>
All banners are rendered using clean markup to ensure fast loading and compatibility with caching and optimization plugins.
<hr />
<h2>Easy-to-Use Settings Panel</h2>
All configuration options are centralized under: 
WooCommerce → Settings → Banner Images
The settings page is organized into intuitive sub-sections:
<h3>General Settings</h3>
<ul>
<li>Enable or disable banners for:
<ul>
<li>Products</li>
<li>Categories</li>
<li>Tags</li>
<li>Posts</li>
<li>Pages</li>
<li>WordPress categories</li>
</ul>
</li>
</ul>
<h3>Page Banners</h3>
<ul>
<li>Upload global banners for:
<ul>
<li>Shop page</li>
<li>Cart page</li>
<li>Checkout page</li>
<li>Thank You page</li>
<li>My Account page</li>
</ul>
</li>
</ul>
<h3>Banner Size & Behavior</h3>
<ul>
<li>Default banner dimensions</li>
<li>Max width and height controls</li>
<li>Link behavior (same tab / new tab)</li>
</ul>
No learning curve—everything follows standard WooCommerce UI patterns.
<h2>Use Cases & Examples</h2>
<ul>
<li>Flash sales and limited-time discounts</li>
<li>Seasonal campaigns (Black Friday, Eid, Christmas, Summer Sale)</li>
<li>New product launches</li>
<li>Free shipping or COD announcements</li>
<li>Trust messages (Money-back guarantee, Secure checkout)</li>
<li>Newsletter sign-ups or app promotions</li>
</ul>
Whether you run a small store or a large catalog, the plugin scales with your needs.

Sales Banner Images

Sales Banner Images for WooCommerce lets you easily add eye-catching promotional banners across your WooCommerce store and WordPress site. Display banners on product pages, categories, shop, cart, checkout, and content pages to highlight sales, offers, and announcements—without any coding. Fully responsive, lightweight, and built for conversions.

Mini Cart vs Sales Banner Images