Welcome to the world of WooCommerce shortcodes, where customizing your online store is as easy as copy, paste, boom! If you’re running a WooCommerce store and feel limited by what your theme or editor offers, you’re going to love what shortcodes can do. They’re like magic keys that unlock the ability to display products, shopping carts, user dashboards, and more, anywhere on your WordPress site.

Whether you’re trying to add a slick product grid on your homepage or need a quick fix to insert a cart on a landing page, shortcodes make it effortless. The best part? You don’t need to touch any code. You don’t even need a plugin (unless you want to get extra fancy). It’s all built into WooCommerce.
This guide will teach you how to use WooCommerce shortcodes like a total pro. We’ll explore a complete WooCommerce shortcode list, walk through examples like the display products shortcode, and even show you how to use WooCommerce cart shortcode inside Elementor or other page builders.
Let’s dive in and make your store more dynamic and user-friendly, one shortcode at a time.
Table of Contents
What Are Shortcodes?
Before we go full WooCommerce wizard, let’s break down the basics. Shortcodes are small snippets of code you place inside square brackets [like-this]
. They’re like cheat codes for your WordPress site, especially when it comes to WooCommerce.
Here’s what makes them awesome:
- Dynamic power: They pull in real-time data like your latest products, sale items, or even the contents of a customer’s cart.
- Zero coding required: You don’t need to write PHP or mess with templates. Just copy, paste, and publish.
- Super flexible: You can insert them into pages, posts, widgets, or use them inside page builders.

Think of a shortcode like this:[woocommerce_cart]
It tells WordPress, “Hey! Load the shopping cart right here.”
And it does, beautifully.
This is why so many store owners love shortcodes, they’re powerful, lightweight, and compatible with virtually any theme. Plus, they play nice with the Gutenberg editor and major page builders. Whether you’re building a sales page or an FAQ with product links, shortcodes give you the freedom to get creative without complexity.
If you’re ready to master the WooCommerce shortcode list, from cart to checkout and everything in between, keep reading. The fun has just begun.
Essential WooCommerce Shortcodes (Expanded)
Let’s get to the good stuff, the WooCommerce shortcode list every store owner should have bookmarked. These shortcodes are the bread and butter of any WooCommerce-powered website. With just a couple of brackets and a keyword, you can place core WooCommerce pages like the cart, checkout, and my account section anywhere you like.
Here’s a breakdown of the most essential WooCommerce shortcodes you’ll use regularly:
Shortcode | Function |
---|---|
[woocommerce_cart] | Displays the current user’s cart |
[woocommerce_checkout] | Shows the checkout form for completing purchases |
[woocommerce_my_account] | Displays account info, past orders, and login/logout forms |
[woocommerce_order_tracking] | Adds a form for users to check their order status |
[products] | Displays a customizable grid of products with optional filters |
Let’s unpack a few of these.
[woocommerce_cart]
Need to place the shopping cart on a custom landing page? Just drop this shortcode, and boom, the entire cart appears, complete with product thumbnails, quantities, totals, and a checkout button. Tweak the add-to-cart fields to match your shortcode layout with our guide on custom add to cart links.
[woocommerce_checkout]
Running a flash sale with a single product? Link users directly to a custom checkout page using this shortcode. Perfect for landing pages and conversion funnels. After checkout, don’t forget to personalize the order confirmation using our guide on customizing the WooCommerce Thank You page.
[woocommerce_my_account]
This shortcode is gold for membership or subscription sites. It generates a full dashboard for users to log in, view orders, update addresses, and even reset passwords.
[woocommerce_order_tracking]
Give your customers peace of mind by allowing them to check their order status. This one’s a favorite for stores with lots of shipping traffic.

[products]
This is the display products shortcode you’ll fall in love with. It’s versatile, dynamic, and accepts tons of filters to showcase products exactly how you want (more on that in the next section!).
Whether you’re creating a completely custom shop page, embedding WooCommerce features into your blog, or just spicing up your homepage, these shortcodes are here to make your life easier.
Next, let’s level up and use these shortcodes to target specific products by category, tag, or ID. Want to use shortcodes to build an eCommerce-ready blog? Learn how to monetize your content with WooCommerce.
Displaying Products by Category, Tag, or ID
Ready to create laser-focused product showcases? With WooCommerce shortcodes, you can display exactly the products you want, by category, tag, or even specific product IDs. Whether you’re building a gift guide, a seasonal sale page, or just want to spotlight your best sellers, this section’s your best friend.

Let’s talk about the display products shortcode that gives you all the control:
[products]
This shortcode alone can show all your products, but it gets really powerful when you add parameters to it. Let’s explore the most useful ones.
🎯 Display Products by Category
Want to highlight just your “Hoodies” or “Accessories” category? Easy.
[products category="hoodies"]
Replace hoodies
with the actual slug of your product category. Not sure what the slug is? Head to Products > Categories in your WordPress dashboard, and you’ll see it listed there.
Bonus tip: You can list multiple categories too.
[products category="hoodies,accessories"]

🔖 Display Products by Tag
Tags let you showcase a theme like “summer,” “eco-friendly,” or “bestseller.” It’s great for lifestyle-focused product sections.
[products tag="summer"]
This works exactly like the category filter. Keep your tags SEO-friendly and relevant, and you’ll have targeted product sections ready in minutes.
🆔 Display Products by Product ID
Want to feature specific hand-picked products like you would with a “Staff Picks” section? Use the ids
parameter with product IDs.
[products ids="24,35,78"]
You’ll find product IDs by hovering over the product name in the Products list in the dashboard. This is the best method when you don’t want to rely on categories or tags.
💡 Pro Tip: Combine Parameters!
You’re not limited to just one filter. Combine category
, ids
, and more to create your dream layout.
[products category="summer-sale" ids="30,45,60" orderby="price"]
Mixing filters helps you create highly curated, campaign-specific sections. This is exactly what big brands do when they promote bundles, deals, or holiday offers. Use shortcodes for display, and export your store data like a pro using our WooCommerce order export guide.
Customizing Product Grids
Alright, so you’ve got the hang of displaying products with shortcodes—but what if you want them to look awesome too? Enter: custom product grids. With just a few added parameters in your [products]
shortcode, you can control how many products show, how many columns they appear in, and even filter by things like popularity or price.
This is where your inner designer gets to play.

🧱 Grid Basics: The Core Parameters
Here are the most commonly used attributes to control your grid layout:
Attribute | What It Does |
---|---|
limit | Sets how many products to show |
columns | Sets how many columns in a row |
orderby | Determines the sorting order (date, title, popularity, rating, etc.) |
order | Sort direction: ASC (ascending) or DESC (descending) |
on_sale | Show only discounted products (on_sale="true" ) |
best_selling | Highlight top sellers with orderby="popularity" |
📦 Example: Best-Selling Products in 3 Columns
[products limit="6" columns="3" orderby="popularity"]
This will create a clean 3-column layout with 6 of your most popular items. Perfect for homepages and promotional banners.
🔖 Example: New Arrivals
[products limit="4" columns="2" orderby="date" order="DESC"]
Great for showcasing new inventory. It’s like a mini “Just In” section, and customers love that.
🏷️ Example: On-Sale Products
[products limit="8" columns="3" on_sale="true"]

This displays 8 products that are currently discounted in a 4-column grid. Perfect for sales and special promos.
🔗 Advanced Trick: Add Custom Classes for Styling
You can also wrap your shortcode in a <div>
to apply custom CSS:
<div class="homepage-promo">
[products category="featured" limit="3" columns="3"]
</div>
Then in your stylesheet (or WordPress customizer), style away:
.homepage-promo .woocommerce ul.products li.product {
background-color: #f5f5f5;
padding: 20px;
border-radius: 10px;
}
Boom! Now you’ve got a completely unique product display that matches your brand.
📱 Mobile Friendly Tips
- Stick with 1–2 columns on mobile for better readability.
- If your theme supports it, test responsive grid settings.
- Use media queries in your CSS to adjust layout at different breakpoints.
Customizing product grids with WooCommerce shortcodes gives you near-complete control over how and where your products appear, and it all happens without touching your theme’s core files.
Now that you’re comfortable styling shortcodes, let’s talk about how to add them to WordPress pages and posts without a hitch. Pair WooCommerce shortcodes with social proof by enabling product reviews for all users.
Adding WooCommerce Shortcodes to Pages and Posts (SEO-Optimized)
Now that you know how powerful a WooCommerce shortcode can be, it’s time to bring those features to life on your site. Whether you want to insert a product grid, display the cart, or create a custom checkout page, all you need is the right WooCommerce shortcode, and a place to paste it.
Adding a WooCommerce shortcode to your WordPress pages or posts is super simple, and there are multiple ways to do it. Whether you’re using Gutenberg, the Classic Editor, or even widget areas, you’re fully covered. Let’s walk through each method so you can start placing dynamic content exactly where it belongs.
📦 Method 1: Use the Gutenberg Block Editor
If your site uses the block editor (Gutenberg), adding a WooCommerce shortcode is a breeze.
Follow these steps:
- Go to Pages > Add New (or open an existing page).
- Click the + button to add a new block.
- Search for the Shortcode block.
- Paste your WooCommerce shortcode (like
[products limit="4" columns="2"]
) into it. - Preview or publish the page—and you’re done!
This method is clean, and your WooCommerce shortcode will be neatly isolated for easy formatting and layout control.
✍️ Method 2: Use the Classic Editor
Still using the Classic Editor? Don’t worry—it works just as well with shortcodes.
Steps:
- Open your page or post in the Classic Editor.
- Paste your WooCommerce shortcode directly into the content area.
- Click Update or Publish, and you’re good to go!
Whether it’s [woocommerce_cart]
or [woocommerce_checkout]
, your shortcode will render perfectly.
🧱 Method 3: Add WooCommerce Shortcodes to Widgets
Want to place WooCommerce features like “Sale Products” or “Featured Items” in your sidebar or footer? You can easily use a WooCommerce shortcode in widget areas too.
How to do it:
- Go to Appearance > Widgets.
- Drag a Text widget or Custom HTML block into your desired widget area.
- Paste the WooCommerce shortcode inside and save it.
Great for marketing promos, highlighting deals, or giving your site that extra eCommerce touch.

🚀 Pro Tips for WooCommerce Shortcodes
- Use WooCommerce shortcodes on landing pages to drive conversions.
- Mix multiple shortcodes (like cart + product grid) on a single page for dynamic layouts.
- Combine shortcodes with images, banners, and call-to-action buttons for higher engagement.
- WooCommerce shortcodes also work in page builders, which we’ll cover in the next section.
The beauty of a WooCommerce shortcode is that it’s flexible and powerful. You can insert dynamic store elements without relying on plugins or custom templates. After displaying products, you’ll also want to configure key store features, like setting up taxes in WooCommerce.
Shortcodes with Page Builders
If you’re using page builders like Elementor, WPBakery, or Divi, you’re in luck. These tools integrate beautifully with WooCommerce page builder shortcodes.
How to use:
- In Elementor, drag in a Shortcode widget and paste your code.
- In WPBakery, add a Raw HTML or Text Block element and insert your shortcode.
- In Divi, use the Code module.
This makes it super easy to position WooCommerce features precisely where you want them—no plugin required.
Tips for Styling and Responsiveness
Shortcodes are powerful, but they look even better with some style. Here are a few tips:
- Use columns wisely: Stick to 2–4 columns on most screens
- Wrap shortcodes in
<div class="custom-style">
and add your CSS - Use media queries to improve mobile responsiveness
- Test on different screen sizes to make sure layouts don’t break
- WooCommerce Speed matters. Ensure your shortcode-heavy pages load fast.
Bonus tip: Some themes and plugins like Kadence Blocks or Stackable can enhance shortcode styling with built-in design controls.
Conclusion
Shortcodes are a supercharged feature in WooCommerce that help you display products, create custom layouts, and improve user experience without touching code. Whether you’re building a cart page, a seasonal product showcase, or an account dashboard, there’s a shortcode for it.
Quick Recap:
- Use
[woocommerce_cart]
,[products]
, and[woocommerce_my_account]
for essential features - Filter and customize products by category, ID, or tag
- Enhance shortcodes using page builders and CSS
- Keep things mobile-friendly with responsive grids
So go ahead, experiment, customize, and bring your store to life with the power of WooCommerce shortcodes. Don’t miss out on these WooCommerce guide, take your store experience to next level:
- How to Temporarily Disable Your WooCommerce Store? (3 Simple Options)
- How to Setup WooCommerce Multisite? Easy 6-Step Guide!
- How to Setup Shipping in WooCommerce in 2025: Simplified
- Best Plugins to Manage WooCommerce Store Hours: 2025 Edition
- How to Schedule Store Hours in WooCommerce with Open Close Plugin (5 Easy Steps)