{"id":1604,"date":"2025-11-03T05:15:30","date_gmt":"2025-11-03T05:15:30","guid":{"rendered":"https:\/\/stackwc.com\/?p=1604"},"modified":"2026-01-08T10:59:05","modified_gmt":"2026-01-08T10:59:05","slug":"woocommerce-shortcodes","status":"publish","type":"post","link":"https:\/\/stackwc.com\/woocommerce-shortcodes\/","title":{"rendered":"Complete Guide to WooCommerce Shortcodes"},"content":{"rendered":"\n
\n

Running a WooCommerce<\/a> store? Then you’re sitting on a goldmine of functionality that most store owners completely overlook. I’m talking about shortcodes \u2013 those little bits of code that can transform your store’s presentation without touching a single line of PHP.<\/p>\n\n\n\n

After helping dozens of online stores optimize their WooCommerce setup, I’ve learned that shortcodes are the secret weapon for creating a professional-looking store without hiring a developer. Let me show you exactly how to use them.<\/p>\n<\/div>\n\n\n\n

\n

Understanding Shortcodes in WordPress<\/h2>\n\n\n\n

Think of shortcodes as shortcuts (hence the name) that tell WordPress to do something specific. They’ve been a core feature since WordPress 2.5 in 2008<\/a>, and they look like this: [shortcode]<\/code>.<\/p>\n\n\n\n

Instead of spending hours coding a product gallery or manually updating your featured items, you drop in a shortcode and boom \u2013 done. It’s like having a Swiss Army knife for your store’s layout.<\/p>\n\n\n\n

What makes them brilliant is their simplicity. You get powerful functionality with just a few characters. Plus, when you need to make changes, you’re updating one shortcode instead of hunting through dozens of product pages.<\/p>\n<\/div>\n\n\n\n

\n

Getting started with WooCommerce shortcodes<\/h2>\n\n\n\n

First things first \u2013 make sure WooCommerce is actually installed. Head to your WordPress dashboard, click Plugins > Add New, search for “WooCommerce<\/a>,” and hit that install button. Once it’s activated, you’ll run through a quick setup wizard that handles your store basics like payment gateways and shipping zones.<\/p>\n\n\n\n

Here’s something neat: WooCommerce automatically creates your Cart, Checkout, and My Account pages. These pages already use shortcodes behind the scenes, which is why they work right out of the box.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n

How Shortcodes Actually Work<\/h3>\n\n\n\n

The basic formula is straightforward. You’ve got your shortcode wrapped in brackets, and you can add attributes to customize what it does:<\/p>\n\n\n\n

\n
[shortcode attribute1=\"value1\" attribute2=\"value2\"]<\/code><\/pre>\n<\/div>\n\n\n\n
Want to show four products in two columns? Just use: [products limit=\"4\" columns=\"2\"]<\/code><\/p>\n\n\n\n
See how that works? You’re basically giving WordPress instructions in plain English (well, almost).<\/p>\n<\/div>\n\n\n\n
\n
Where Can You Use Them?<\/h3>\n\n\n\n
\n
Pretty much anywhere. I use them in:<\/p>\n\n\n\n
    \n
  • Blog posts to showcase relevant products<\/li>\n\n\n\n
  • Landing pages for special promotions<\/li>\n\n\n\n
  • Sidebars to display categories<\/li>\n\n\n\n
  • Footer widgets for featured items<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    The easiest way to add them in the block editor (Gutenberg) is to click the plus icon, search for “Shortcode,” and paste your code into that block. For classic editor fans, you can just paste the shortcode directly into your content.<\/p>\n\n\n\n
    One of my favorite tricks is adding product shortcodes to blog posts. Writing about hiking gear? Drop in a shortcode showing your best-selling hiking products right there in the article. It’s contextual selling at its finest.<\/p>\n<\/div>\n<\/div>\n\n\n\n
    \n
    Must-Know WooCommerce Product Display Shortcodes<\/h2>\n\n\n\n
    Let’s get into the meat of this. The [products]<\/code> shortcode is your workhorse \u2013 it’s incredibly versatile and handles most of what you’ll need.<\/p>\n\n\n\n
    \n
    The Main Attributes You’ll Use<\/h3>\n\n\n\n
      \n
    • limit<\/strong> \u2013 How many products to show (default shows all)<\/li>\n\n\n\n
    • columns<\/strong> \u2013 Grid layout (default is 4 columns)<\/li>\n\n\n\n
    • orderby<\/strong> \u2013 Sort by date, price, popularity, title, etc.<\/li>\n\n\n\n
    • order<\/strong> \u2013 ASC for ascending, DESC for descending<\/li>\n\n\n\n
    • category<\/strong> \u2013 Filter by category slug<\/li>\n\n\n\n
    • paginate<\/strong> \u2013 Add page numbers (true\/false)<\/li>\n<\/ul>\n<\/div>\n\n\n\n
      Here’s a real-world example. Say you want your eight newest products displayed in a grid:<\/p>\n\n\n\n
      \n
      [products limit=\"6\" columns=\"3\" orderby=\"date\" order=\"DESC\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      This creates a clean, four-column layout showing your latest additions. Your customers see fresh products first, which keeps your store feeling current.<\/p>\n\n\n\n
      Want pagination so visitors can browse through more products? Just add one more attribute:<\/p>\n\n\n\n
      \n
      [products limit=\"4\" columns=\"3\" orderby=\"date\" order=\"DESC\" paginate=\"true\"]<\/code><\/code><\/pre>\n<\/div>\n\n\n\n
      \n
      Showing Products by Category<\/h3>\n\n\n\n
      This is where things get really useful. Let’s say you have an accessories category and want to feature six items from it:<\/p>\n\n\n\n
      \n
      [products category=\"accessories\" limit=\"6\" columns=\"3\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      Quick tip: Make sure you use the category slug, not the full name. If your category is “Men’s Accessories,” the slug is probably “mens-accessories.”<\/p>\n<\/div>\n\n\n\n
      \n
      Single Product Display<\/h3>\n\n\n\n
      Need to highlight one specific product? Use the [product]<\/code> shortcode with the product ID:<\/p>\n\n\n\n
      \n
      [product id=\"66\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      This is perfect for blog posts where you’re discussing a particular item. The product appears right there in your content with its image, price, and add-to-cart button.<\/p>\n\n\n\n
      For multiple specific products, use the plural version with IDs:<\/p>\n\n\n\n
      \n
      [products columns=\"3\" ids=\"66,65,64\"]<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \"\"<\/figure>\n\n\n\n
      Full Product Page Embed<\/h3>\n\n\n\n
      Here’s one that not many people know about: [product_page]<\/code>. This doesn’t just show the product \u2013 it shows everything. The full description, tabs, reviews, related products, the works:<\/p>\n\n\n\n
      \n
      [product_page id=\"66\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      I use this when creating feature pages for hero products. It gives you the complete product experience without actually being on the product page.<\/p>\n<\/div>\n\n\n\n
      \n
      Category Operators (This Gets Interesting)<\/h3>\n\n\n\n
      The cat_operator<\/code> attribute lets you filter products in sophisticated ways:<\/p>\n\n\n\n
      Show products in multiple specific categories:<\/strong> [products category=\"clothing,accessories\" cat_operator=\"AND\"]<\/code><\/p>\n\n\n\n
      Show products from any of these categories:<\/strong> [products category=\"clothing,accessories\" cat_operator=\"IN\"]<\/code><\/p>\n\n\n\n
      Exclude products from a category:<\/strong> [products category=\"clearance\" cat_operator=\"NOT IN\"]<\/code><\/p>\n\n\n\n
      That last one is great when you want to show your main product line without including clearance items.<\/p>\n<\/div>\n<\/div>\n\n\n\n
      \n
      Essential WooCommerce Cart and Account Shortcodes<\/h2>\n\n\n\n
      These shortcodes are already working in your store, but knowing them helps if you ever need to recreate pages or add functionality elsewhere.<\/p>\n\n\n\n
      [woocommerce_cart]<\/code> \u2013 Your complete shopping cart page [woocommerce_checkout]<\/code> \u2013 The checkout experience [woocommerce_my_account]<\/code> \u2013 Customer account dashboard [woocommerce_order_tracking]<\/code> \u2013 Let customers track their orders<\/p>\n\n\n\n
      That order tracking shortcode is particularly useful. I’ve seen stores create a dedicated “Track Your Order” page in their menu, making it easier for customers to find their shipment status.<\/p>\n<\/div>\n\n\n\n
      \n
      Category Display Options<\/h2>\n\n\n\n
      Want to show off your product categories with nice thumbnails? The [product_categories]<\/code> shortcode has you covered:<\/p>\n\n\n\n
      \n
      [product_categories number=\"12\" columns=\"4\" orderby=\"name\" order=\"ASC\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      This creates a beautiful category grid. Pro tip: Make sure you upload thumbnail images for each category (Products > Categories > Edit category). Those images make a huge difference in how professional your store looks.<\/p>\n\n\n\n
      To show products from one specific category:<\/p>\n\n\n\n
      \n
      [product_category category=\"clothing\" per_page=\"8\" columns=\"4\"]<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n
      \n
      Advanced Shortcode Techniques<\/h2>\n\n\n\n
      Ready to level up? These specialized shortcodes help you create dynamic, engaging product displays.<\/p>\n\n\n\n
      \n
      Sale and Featured Products<\/h3>\n\n\n\n
      Running a sale? Highlight those deals:<\/p>\n\n\n\n
      \n
      [products on_sale=\"true\" limit=\"8\" columns=\"4\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      Show off your featured products:<\/p>\n\n\n\n
      \n
      [featured_products limit=\"6\" columns=\"3\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      To mark products as featured, go to your Products page and click the star icon next to any product. Simple as that.<\/p>\n<\/div>\n\n\n\n
      \n
      Time-Sensitive Displays<\/h3>\n\n\n\n
      The [recent_products]<\/code> shortcode keeps your store feeling fresh:<\/p>\n\n\n\n
      \n
      [recent_products limit=\"5\" columns=\"5\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      This automatically updates as you add new products. Set it once on your homepage, and it stays current without any manual updates.<\/p>\n<\/div>\n\n\n\n
      \n
      Best Sellers and Top Rated<\/h3>\n\n\n\n
      These shortcodes tap into your store’s performance data:<\/p>\n\n\n\n
      \n
      [best_selling_products limit=\"10\" columns=\"4\"] [top_rated_products limit=\"4\" columns=\"2\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      Social proof is powerful. When visitors see your top-rated or best-selling products, it builds confidence and drives conversions.<\/p>\n<\/div>\n\n\n\n
      \n
      Sale Products Display<\/h3>\n\n\n\n
      Got items on discount? Show them prominently:<\/p>\n\n\n\n
      \n
      [sale_products limit=\"8\" columns=\"3\"]<\/code><\/pre>\n<\/div>\n\n\n\n
      Remember to set sale prices in your product data. That sale price field overrides the regular price, so double-check those numbers before publishing.<\/p>\n<\/div>\n<\/div>\n\n\n\n
      \n
      Making It All Work Together<\/h2>\n\n\n\n
      \n
      The real magic happens when you combine these shortcodes strategically throughout your store. Here’s how I typically structure a homepage:<\/p>\n\n\n\n
        \n
      1. Recent products at the top (always fresh content)<\/li>\n\n\n\n
      2. Featured products in the middle (your hero items)<\/li>\n\n\n\n
      3. Best sellers near the bottom (social proof)<\/li>\n\n\n\n
      4. Product categories in the footer (easy navigation)<\/li>\n<\/ol>\n<\/div>\n\n\n\n
        For category pages, I’ll often add related categories at the bottom to encourage browsing. Blog posts get relevant product shortcodes embedded naturally in the content.<\/p>\n<\/div>\n\n\n\n
        \n
        Performance Matters<\/h2>\n\n\n\n
        One thing to watch: shortcodes are convenient, but they do create database queries. If you’re running a massive catalog, too many shortcodes on one page can slow things down.<\/p>\n\n\n\n
        Keep your product limits reasonable, and consider caching if you’re dealing with high traffic. Most quality hosting providers handle this automatically, but it’s worth knowing about.<\/p>\n<\/div>\n\n\n\n
        \n
        Final Thoughts<\/h2>\n\n\n\n
        Shortcodes might seem simple, but they’re one of the most practical tools in your WooCommerce toolkit. They give you the flexibility to display products however you want, wherever you want, without touching code.<\/p>\n\n\n\n
        Start with the basics \u2013 try adding a products shortcode to your homepage. See how it looks, adjust the attributes, experiment with different layouts. Once you’re comfortable, you can create really sophisticated product displays that would otherwise require custom development.<\/p>\n\n\n\n
        The best part? Everything updates automatically. Change a product price, mark something as featured, add a new item \u2013 your shortcodes reflect those changes instantly across your entire site.<\/p>\n\n\n\n
        That’s the power of working smart instead of hard. Your store gets professional functionality, you save time, and your customers get a better shopping experience. Everybody wins.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
        Running a WooCommerce store? Then you’re sitting on a goldmine of functionality that most store owners completely overlook. I’m talking about shortcodes \u2013 those little bits of code that can transform your store’s presentation without touching a single line of PHP. After helping dozens of online stores optimize their WooCommerce setup, I’ve learned that shortcodes […]<\/p>\n","protected":false},"author":3,"featured_media":1665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-1604","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/posts\/1604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/comments?post=1604"}],"version-history":[{"count":5,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/posts\/1604\/revisions"}],"predecessor-version":[{"id":1981,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/posts\/1604\/revisions\/1981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/media\/1665"}],"wp:attachment":[{"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/media?parent=1604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/categories?post=1604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stackwc.com\/wp-json\/wp\/v2\/tags?post=1604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}