The StoreEngine Mini Cart shortcode allows you to display a compact, interactive cart anywhere on your website. It gives customers quick access to cart contents without leaving the current page, improving usability and checkout flow.
Shortcode
[storeengine_mini_cart]Adding this shortcode will instantly display the StoreEngine Mini Cart on the page.
What This Shortcode Does
The StoreEngine Mini Cart shortcode displays a real-time summary of the customer’s cart in a compact layout.
Mini Cart Behavior
- Displays products currently added to the cart
- Shows product name, quantity, and price
- Automatically updates when products are added or removed.
- Provides quick access to the full cart or checkout page
- Improves shopping flow by reducing unnecessary page navigation
Where It’s Commonly Used
The Mini Cart is designed to be placed in highly visible areas of your site for easy access.
Header or Navigation Area
Adding the Mini Cart to the header allows customers to view their cart at any time while browsing.
Sidebar or Off-Canvas Panels
You can place it in sidebars, slide-out panels, or modal sections for a modern shopping experience.
Landing & Promotional Pages
Use it on sales or campaign pages so users can track their cart without leaving the page.
Frontend Output
On the frontend, the Mini Cart displays a clean, compact cart interface that updates in real time as products are added or removed.
Usage Example
You can add the shortcode anywhere on your site:
[storeengine_mini_cart]This works well on:
- Header sections
- Sidebar widgets
- Cart-focused landing pages
How to Use in Gutenberg Editor
Follow these steps to add the Mini Cart using the Gutenberg editor:
- Open the page, template, or header where you want to display the Mini Cart.
- Click the ➕ (Add Block) button.
- Search for and insert the Shortcode block.
- Paste the following shortcode into the block:
[storeengine_mini_cart] - Click Update or Publish to save your changes.
Once saved, the Mini Cart will appear on the frontend.
Using with aBlocks
You can also add the Mini Cart using aBlocks, without using a shortcode.
Steps to Add Using aBlocks
- Open your page, template, or header in the block editor.
- Click the ➕ (Add Block) button.
- Search for aBlocks.
- Insert the aBlocks → StoreEngine Mini Cart block.
- Place the block where you want the Mini Cart to appear.
- Click Update or Publish.
The Mini Cart will now be visible and fully functional on the frontend.
Best Practices
- Place the Mini Cart in a highly visible area, such as the header.
- Ensure it does not overcrowd the layout on smaller screens.
- Combine it with a Cart or Checkout button for faster conversions.
- Test cart updates to ensure a smooth user experience.
Summary
The storeengine_mini_cart shortcode (and its aBlocks alternative) provides customers with instant access to their cart from anywhere on your site. By showing real-time cart updates in a compact format, it enhances usability, reduces friction, and helps improve conversion rates.