{"id":5625,"date":"2019-01-31T09:12:30","date_gmt":"2019-01-31T09:12:30","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=5625"},"modified":"2023-05-30T13:00:35","modified_gmt":"2023-05-30T13:00:35","slug":"woocommerce-shortcodes-how-to-use-them","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/","title":{"rendered":"How to Apply WooCommerce Shortcodes"},"content":{"rendered":"\n

In case you need to add content to your page or post, you can add a shortcode to the content area, and that is, actually, everything you need. So, shortcodes allow you to add a different type of functionality to your posts, pages, widgets, etc., without any need to write code by yourself.<\/p>\n\n\n\n

So, let’s start to explore how to use shortcodes on your WooCommerce site<\/strong>.<\/p>\n\n\n\n

How to Work with WooCommerce Shortcodes<\/h2>\n\n\n\n
\n

Open the shortcodes page<\/a> to view the list of shortcodes you can use.<\/p>\n\n\n\n

To apply one of the shortcodes, you need to copy it to the clipboard and navigate to the Pages > Add New<\/strong> screen.<\/p>\n\n\n\n\"woocommerce\n\n\n\n

Paste the shortcode into the content field, and click the Publish<\/strong> button to publish the page with the shortcode.<\/p>\n\n\n\n

Now you can view the result on your website\u2019s frontend.<\/p>\n<\/div><\/div>\n\n\n\n

WooCommerce Shortcodes List<\/h2>\n\n\n\n
\n

Let\u2019s overview the most common WooCommerce shortcodes.<\/p>\n\n\n\n

    \n
  1. To create the cart page, you need to paste the following shortcode into the page\u2019s content block.
    [woocommerce_cart]<\/strong><\/li>\n\n\n\n
  2. Paste the following shortcode to the checkout page to display the checkout process.
    [woocommerce_checkout]<\/strong><\/li>\n\n\n\n
  3. This shortcode provides the customer with information about their order status after entering order details.
    [woocommerce_order_tracking]<\/strong><\/li>\n\n\n\n
  4. The following shortcode displays the user account page.
    [woocommerce_my_account]<\/strong><\/li>\n\n\n\n
  5. Sometimes you might need to display products in columns, define how many products might be displayed per page, and set the order for the products. In this case, you might need to use args to define these features.
    array( ‘per_page’ => ’12’, ‘columns’ => ‘4’, ‘orderby’ => ‘date’, ‘order’ => ‘desc’ )<\/strong><\/li>\n\n\n\n
  6. Here is an example of how you can use these shortcodes.
    [recent_products per_page=”12″ columns=”2″ order=”desc”]<\/strong><\/li>\n<\/ol>\n\n\n\n

    In our example, we\u2019ve set only 12 products per page in descending order. They would be displayed in 2 columns.<\/p>\n<\/div><\/div>\n\n\n\n

    Feel free to use the WooCommerce shortcodes<\/strong> in order to add the preferable content to your online store website.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This tutorial features WooCommerce shortcodes and how to use them. The benefit of shortcodes is in making the content in the blink of an eye.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[349,530],"yoast_head":"\nHow to Work with Shortcodes | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find comprehensive information about WooCommerce shortcodes and use them freely on your WordPress website to boost your Shop!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Work with Shortcodes | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find comprehensive information about WooCommerce shortcodes and use them freely on your WordPress website to boost your Shop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T13:00:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/Screenshot_5-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/\",\"name\":\"How to Work with Shortcodes | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T09:12:30+00:00\",\"dateModified\":\"2023-05-30T13:00:35+00:00\",\"description\":\"Find comprehensive information about WooCommerce shortcodes and use them freely on your WordPress website to boost your Shop!\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Apply WooCommerce Shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Work with Shortcodes | Crocoblock","description":"Find comprehensive information about WooCommerce shortcodes and use them freely on your WordPress website to boost your Shop!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/","og_locale":"en_US","og_type":"article","og_title":"How to Work with Shortcodes | Crocoblock","og_description":"Find comprehensive information about WooCommerce shortcodes and use them freely on your WordPress website to boost your Shop!","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/","og_site_name":"Help Center","article_modified_time":"2023-05-30T13:00:35+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/01\/Screenshot_5-2.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/","name":"How to Work with Shortcodes | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T09:12:30+00:00","dateModified":"2023-05-30T13:00:35+00:00","description":"Find comprehensive information about WooCommerce shortcodes and use them freely on your WordPress website to boost your Shop!","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/woocommerce-shortcodes-how-to-use-them\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Apply WooCommerce Shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/5625"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=5625"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=5625"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=5625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}