{"id":66245,"date":"2021-05-10T11:45:41","date_gmt":"2021-05-10T11:45:41","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=66245"},"modified":"2025-12-28T19:31:22","modified_gmt":"2025-12-28T17:31:22","slug":"woocommerce-shortcodes","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/","title":{"rendered":"How To Use WooCommerce Shortcodes in Your Online Store"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"66245\" class=\"elementor elementor-66245\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1777e27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1777e27\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1deb94b\" data-id=\"1deb94b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a59c3b5 elementor-widget elementor-widget-text-editor\" data-id=\"a59c3b5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>WooCommerce is one of the most popular ecommerce platforms. It enables users to quickly and easily set up an <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/online-store\/\"   title=\"How To Start An Online Store: Step-By-Step 2025 Guide\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25265\">online store<\/a>. Few WooCommerce users, however, know about shortcodes, which can give them a lot of flexibility when setting up their store and creating content.<\/p><p>From controlling core <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\"   title=\"eCommerce\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25266\">ecommerce<\/a> pages to displaying products on the front-end of your site, shortcodes are a versatile tool to have in your tool-belt when it comes to managing your store.<\/p><p>To give you the information you need when it comes to those shortcodes, we&#8217;ve created this complete guide to WooCommerce shortcodes.\u00a0<\/p><p>We&#8217;ll cover what they are, how to use them, and we&#8217;ll provide you with a full list of WooCommerce shortcodes and some alternatives that you may find useful.\u00a0<\/p><p>Before moving forward, however, we&#8217;d like to point out that in this tutorial, we&#8217;ll assume that you already have a WooCommerce store that you can add shortcodes to. If you don&#8217;t, you might want to check out <a href=\"https:\/\/elementor.com\/blog\/woocommerce-tutorial\/\" target=\"_blank\" rel=\"noopener\">our WooCommerce tutorial<\/a> or our <a href=\"https:\/\/elementor.com\/blog\/how-to-build-an-online-store-with-woocommerce-elementor\/\" target=\"_blank\" rel=\"noopener\">guide on how to build an ecommerce store<\/a> first.<\/p><p>Let&#8217;s dig in!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-192af7c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"192af7c8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65ba1e43\" data-id=\"65ba1e43\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7719cdb4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7719cdb4\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/woocommerce-coupon-codes\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take Your WooCommerce Store to the Next Level With Coupon Codes<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3565a4a blog-toc elementor-widget elementor-widget-heading\" data-id=\"3565a4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table Of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4eb2d blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9f4eb2d\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-are-woocommerce-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">What Are WooCommerce Shortcodes?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-use-woocommerce-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Use WooCommerce Shortcodes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-add-woocommerce-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Add WooCommerce Shortcodes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#woocommerce-page-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">WooCommerce Page Shortcodes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#woocommerce-product-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">WooCommerce Product Shortcodes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-show-shortcodes-within-other-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Show Shortcodes Within Other Shortcodes (Nesting)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-troubleshoot-woocommerce-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How to Troubleshoot WooCommerce Shortcodes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#alternatives-to-using-woocommerce-shortcodes\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Alternatives To Using WooCommerce Shortcodes<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2918079 elementor-widget elementor-widget-menu-anchor\" data-id=\"2918079\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-are-woocommerce-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9799f elementor-widget elementor-widget-heading\" data-id=\"fb9799f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Are WooCommerce Shortcodes?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5a1494 elementor-widget elementor-widget-text-editor\" data-id=\"f5a1494\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>WooCommerce shortcodes are code snippets that help you display your WooCommerce products on the front-end of your site, along with core WooCommerce pages such as your shopping cart, checkout, and &#8220;My Account&#8221; pages.<\/p><p>At a basic level, you&#8217;ll use shortcodes to set up your core WooCommerce pages such as the cart page, checkout, user account pages, and order tracking pages.<\/p><p>You can also go further and use shortcodes to display lists of products, including filtering out specific products. You can display your top-selling products, on-sale products, featured products, and more.<\/p><p>For example, let&#8217;s say you wanted to display a three-column grid of your six best-selling products. All you need to do is add a shortcode like this:<\/p><pre><strong>[products limit=\"6\" columns=\"3\" best_selling=\"true\" ]<\/strong><\/pre><p>Then, you would get something like this on the front-end of your site:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82bc1c5 elementor-widget elementor-widget-image\" data-id=\"82bc1c5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"596\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=596\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-5-best-selling-example-1.jpg\" class=\"attachment-medium_large size-medium_large wp-image-66272\" alt=\"woocommerce-shortcodes-5-best-selling-example-1\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-5-best-selling-example-1.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-5-best-selling-example-1-300x248.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d6e887 elementor-widget elementor-widget-text-editor\" data-id=\"4d6e887\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This gives you more flexibility than just relying on your core WooCommerce shop pages. For example, if you&#8217;re writing a blog post announcing your new sale, you could use a shortcode to embed the most popular on-sale products right in your blog post.<\/p><p>Or, you can also go beyond product lists and pull out specific product details, like showing just the add to cart button and price of a product. This is useful if you&#8217;re creating custom landing pages but still want to include add to cart functionality for WooCommerce products.<\/p><p>In the past, shortcodes were pretty much the only option you had to display products on the front-end of your site (beyond the regular shop page). However, in 2021 and beyond, you now also have some other alternatives such as using WooCommerce Blocks or <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a>, which we&#8217;ll detail later in this article.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-863e03c elementor-widget elementor-widget-menu-anchor\" data-id=\"863e03c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-use-woocommerce-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b13b9a elementor-widget elementor-widget-heading\" data-id=\"1b13b9a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Use WooCommerce Shortcodes\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f61b615 elementor-widget elementor-widget-text-editor\" data-id=\"f61b615\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that you know what WooCommerce shortcodes are, let&#8217;s get into the actionable part of how you can use them. We&#8217;ll start with a general look at how to add the shortcodes to your preferred content editor. Then, we&#8217;ll go over all the shortcodes that WooCommerce offers, along with real examples of how each shortcode looks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7695ffc elementor-widget elementor-widget-menu-anchor\" data-id=\"7695ffc\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-add-woocommerce-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef73d9 elementor-widget elementor-widget-heading\" data-id=\"7ef73d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How To Add WooCommerce Shortcodes\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3705329 elementor-widget elementor-widget-text-editor\" data-id=\"3705329\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In general, you can add WooCommerce shortcodes by pasting the shortcode into the editor that you&#8217;re working in. However, the exact process will depend on which editor you&#8217;re using.<\/p><p>If you&#8217;re using the classic WordPress TinyMCE editor, you can just paste the shortcode directly into the editor:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08d930e elementor-widget elementor-widget-image\" data-id=\"08d930e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/how-to-add-shortcodes-1-classic.png\" title=\"how-to-add-shortcodes-1-classic\" alt=\"how-to-add-shortcodes-1-classic\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-582c7e3 elementor-widget elementor-widget-text-editor\" data-id=\"582c7e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re using the new WordPress block editor, you can paste the shortcode into a Shortcode block:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56eac82 elementor-widget elementor-widget-image\" data-id=\"56eac82\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/how-to-add-shortcodes-2-block.png\" title=\"how-to-add-shortcodes-2-block\" alt=\"how-to-add-shortcodes-2-block\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01f5971 elementor-widget elementor-widget-text-editor\" data-id=\"01f5971\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re working in Elementor, you can paste the shortcode into <a href=\"https:\/\/elementor.com\/help\/shortcode-widget\/\" target=\"_blank\" rel=\"noopener\">Elementor&#8217;s dedicated Shortcode widget<\/a>. You should see a live preview of the shortcode output once you add it, which is nice as it will give you immediate feedback:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0699611 elementor-widget elementor-widget-image\" data-id=\"0699611\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/how-to-add-shortcodes-3-elementor.png\" title=\"how-to-add-shortcodes-3-elementor\" alt=\"how-to-add-shortcodes-3-elementor\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ab5b67 elementor-widget elementor-widget-text-editor\" data-id=\"3ab5b67\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can also find plugins to help you more easily insert WooCommerce shortcodes. For example, <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-shortcodes\/\">the free WooCommerce Shortcodes plugin<\/a> adds a drop-down to the classic TinyMCE editor that lets you build and insert shortcodes using a visual editor. This can be useful if you&#8217;re inserting shortcodes a lot because it simplifies adding shortcode modifiers &#8211; you&#8217;ll see why that&#8217;s useful by the end of this section!<\/p><p>Now, let&#8217;s go through the full list of WooCommerce shortcodes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e860b7f elementor-widget elementor-widget-menu-anchor\" data-id=\"e860b7f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"woocommerce-page-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27b0543 elementor-widget elementor-widget-heading\" data-id=\"27b0543\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WooCommerce Page Shortcodes\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e353ee9 elementor-widget elementor-widget-text-editor\" data-id=\"e353ee9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>WooCommerce&#8217;s page shortcodes let you set up key pages such as your shopping cart, checkout page, and more. WooCommerce should automatically create these pages when you install it if you use the setup wizard, but you can also manually place the shortcodes if needed.<\/p><p>It&#8217;s important to remember that the actual design of these pages will depend on your WooCommerce theme &#8211; check out <a href=\"https:\/\/elementor.com\/blog\/best-woocommerce-themes\/\" target=\"_blank\" rel=\"noopener\">some of the best WooCommerce themes here<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22c08f7 elementor-widget elementor-widget-heading\" data-id=\"22c08f7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Cart<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb5dc5b elementor-widget elementor-widget-text-editor\" data-id=\"bb5dc5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The cart shortcode displays the full WooCommerce shopping cart. There are no options to modify it.<\/p><pre><strong>[woocommerce_cart]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16683d9 elementor-widget elementor-widget-image\" data-id=\"16683d9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-1-cart.png\" title=\"woocommerce-shortcodes-1-cart\" alt=\"woocommerce-shortcodes-1-cart\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44b0eb6 elementor-widget elementor-widget-heading\" data-id=\"44b0eb6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Checkout<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd265b1 elementor-widget elementor-widget-text-editor\" data-id=\"cd265b1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The WooCommerce checkout shortcode displays the full checkout page. There are no options to modify the checkout page using the shortcode, but you can control it using your WooCommerce theme or checkout field editor plugins.<\/p><pre><strong>[woocommerce_checkout]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f61ba9 elementor-widget elementor-widget-image\" data-id=\"3f61ba9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-2-checkout.png\" title=\"woocommerce-shortcodes-2-checkout\" alt=\"woocommerce-shortcodes-2-checkout\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3be3daf elementor-widget elementor-widget-heading\" data-id=\"3be3daf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">My Account\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecee55c elementor-widget elementor-widget-text-editor\" data-id=\"ecee55c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The \u2018my account\u2019 shortcode shows the &#8220;My Account&#8221; page for logged-in users. If a user is logged in, they will automatically see their own information when they visit the page with the shortcode. If they&#8217;re not logged in, they&#8217;ll see a prompt to log in or register.<\/p><pre><strong>[woocommerce_my_account]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e76ac02 elementor-widget elementor-widget-image\" data-id=\"e76ac02\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-3-my-account.png\" title=\"woocommerce-shortcodes-3-my-account\" alt=\"woocommerce-shortcodes-3-my-account\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a7c626 elementor-widget elementor-widget-heading\" data-id=\"1a7c626\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Order Tracking Form\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08be5b5 elementor-widget elementor-widget-text-editor\" data-id=\"08be5b5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The order tracking form shortcode creates a form where shoppers can track their orders by entering the order ID and billing email. This provides an alternative to their account areas and lets them track orders even if they aren&#8217;t logged into their account.<\/p><pre><strong>\u00a0[woocommerce_order_tracking]<\/strong><\/pre><p>There are no customization options &#8211; you just add the shortcode and it will display a form like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98406fb elementor-widget elementor-widget-image\" data-id=\"98406fb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-4-order-tracking.png\" title=\"woocommerce-shortcodes-4-order-tracking\" alt=\"woocommerce-shortcodes-4-order-tracking\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b9a2c6 elementor-widget elementor-widget-menu-anchor\" data-id=\"3b9a2c6\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"woocommerce-product-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdca22d elementor-widget elementor-widget-heading\" data-id=\"bdca22d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WooCommerce Product Shortcodes\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e4c0a3 elementor-widget elementor-widget-text-editor\" data-id=\"3e4c0a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now, let&#8217;s move into the second group of WooCommerce shortcodes &#8211; product shortcodes. These shortcodes help you display your actual products or product categories.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd71ceb elementor-widget elementor-widget-heading\" data-id=\"fd71ceb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Products<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-632823e elementor-widget elementor-widget-text-editor\" data-id=\"632823e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To display lists of WooCommerce products, WooCommerce now only gives you a single product shortcode as of WooCommerce 3.2 (previously, you had separate shortcodes for featured products, best-selling products, etc.).<\/p><p>However, while there&#8217;s only a single base shortcode now, you get a lot of different shortcode modifiers to control which products to display, including options to highlight featured products, sale products, best-selling products, recent products, and more.<\/p><p>The base shortcode is <strong>[products]<\/strong>, but you can then add more options to control exactly which products to display:<\/p><ul><li><strong>limit &#8211; <\/strong>how many products to display. Or set &#8220;-1&#8221; to list all products.<\/li><li><strong>columns<\/strong> &#8211; how many columns to divide your grid into.<\/li><li><strong>paginate<\/strong> &#8211; true or false to turn pagination on.<\/li><li><strong>orderby<\/strong> &#8211; how to order products &#8211; date, id, menu_order, popularity, rand, rating, or title.<\/li><li><strong>skus<\/strong> &#8211; show specific product SKUs.<\/li><li><strong>category<\/strong> &#8211; show products from one or more categories.<\/li><li><strong>tag<\/strong> &#8211; show products from one or more tags.<\/li><li><strong>order<\/strong> &#8211; ASC or DESC order based on orderby.<\/li><li><strong>class<\/strong> &#8211; add an HTML wrapper with a custom <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"31634\">CSS<\/a> class.<\/li><li><strong>on_sale<\/strong> &#8211; only retrieve on-sale products.<\/li><li><strong>best_selling<\/strong> &#8211; only retrieve best-selling products.<\/li><li><strong>top-rated <\/strong>&#8211; only retrieve top-rated products.<\/li><\/ul><p>You&#8217;ll also get more detailed parameters to target specific types of products:<\/p><ul><li><strong>attribute &#8211; <\/strong>retrieve products with a certain attribute slug.<\/li><li><strong>terms<\/strong> &#8211; comma-separated list of terms to use with attribute<\/li><li><strong>terms_operator<\/strong> &#8211; use it to add operators like AND, IN, or NOT IN. For example, you could require products to contain two attributes by using AND.<\/li><li><strong>tag_operator<\/strong> &#8211; the same thing but for tags.<\/li><li><strong>cat_operator<\/strong> &#8211; the same thing but for categories.<\/li><li><strong>visibility<\/strong> &#8211; display products based on their visibility status &#8211; visible, catalog, search, hidden, featured.<\/li><li><strong>ids <\/strong>&#8211; display specific products by adding their product IDs<\/li><\/ul><p>Because this is the most versatile shortcode, we&#8217;ll go through a few different examples of how to use the products shortcode to highlight specific types of products.<\/p><p><strong>Example #1<\/strong>: Display the six best-selling products in a three-column grid:<\/p><pre><strong>[products limit=\"6\" columns=\"3\" best_selling=\"true\" ]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-975208f elementor-widget elementor-widget-image\" data-id=\"975208f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-5-best-selling-example-1.jpg\" title=\"woocommerce-shortcodes-5-best-selling-example-1\" alt=\"woocommerce-shortcodes-5-best-selling-example-1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c6fdf4 elementor-widget elementor-widget-text-editor\" data-id=\"0c6fdf4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Example #2<\/strong>: Display the eight newest products from either the &#8220;Hoodies&#8221; <strong>or <\/strong>&#8220;T-Shirts&#8221; categories:<\/p><pre><strong>[products limit=\"8\" columns=\"4\" category=\"hoodies, tshirts\" orderby=\"id\" order=\"DESC\" visibility=\"visible\"]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71d31f2 elementor-widget elementor-widget-image\" data-id=\"71d31f2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-6-product-category-example-2.jpg\" title=\"woocommerce-shortcodes-6-product-category-example-2\" alt=\"woocommerce-shortcodes-6-product-category-example-2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86d91cd elementor-widget elementor-widget-text-editor\" data-id=\"86d91cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Example #3<\/strong>: Display four on-sale products ordered by their popularity<\/p><pre><strong>[products limit=\"4\" columns=\"4\" on_sale=\"true\" orderby=\"popularity\"]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57c269b elementor-widget elementor-widget-image\" data-id=\"57c269b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-7-on-sale-products-example-3.jpg\" title=\"woocommerce-shortcodes-7-on-sale-products-example-3\" alt=\"woocommerce-shortcodes-7-on-sale-products-example-3\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71cc737 elementor-widget elementor-widget-text-editor\" data-id=\"71cc737\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Example #4<\/strong>: Display six specific products (by product ID) ordered by their popularity.<\/p><pre><strong>[products ids=\"56,78,123,53,66,13\" orderby=\"popularity\" columns=\"3\"]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-936d5e6 elementor-widget elementor-widget-image\" data-id=\"936d5e6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-8-products-by-id-example-4.jpg\" title=\"woocommerce-shortcodes-8-products-by-id-example-4\" alt=\"woocommerce-shortcodes-8-products-by-id-example-4\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-631f596 elementor-widget elementor-widget-text-editor\" data-id=\"631f596\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can find a product&#8217;s ID by hovering over it in the product list.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63b9dc8 elementor-widget elementor-widget-heading\" data-id=\"63b9dc8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Product Categories\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c56555 elementor-widget elementor-widget-text-editor\" data-id=\"2c56555\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The product categories shortcode lets you list the actual categories at your store. It&#8217;s important to note that it does <strong>not<\/strong> let you list the products &#8220;inside&#8221; a category (you would use the products shortcode for that).<\/p><p>For example, if you had the following categories:<\/p><ul><li>T-Shirts<\/li><li>Hoodies<\/li><li>Jeans<\/li><\/ul><p>The product category shortcode would let you list those three options. Visitors could then click to browse the products in each category.<\/p><p>The base shortcode is as follows:\u00a0<\/p><p><strong>[product_categories]<\/strong><\/p><p>You also get several add-to-cart modifiers:<\/p><ul><li><strong>ids &#8211; <\/strong>show specific product categories by ID.<\/li><li><strong>limit<\/strong> &#8211; limit how many categories to display.<\/li><li><strong>columns<\/strong> &#8211; control the grid. The default is four columns.<\/li><li><strong>hide_empty<\/strong> &#8211; hide empty categories by entering 1 or show empty categories by entering 0.<\/li><li><strong>parent<\/strong> &#8211; lets you display the subcategories of a parent category by entering the parent category&#8217;s ID. Or, set it as 0 to only display top-level categories and not list any subcategories.<\/li><li><strong>orderby<\/strong> &#8211; control the order of categories by id, slug, or menu_order.<\/li><li><strong>order <\/strong>&#8211; <strong>ASC <\/strong>or <strong>DESC<\/strong> based on <strong>orderby<\/strong>.<\/li><\/ul><p><strong>Example 1#<\/strong>: Show only top-level (parent) categories:<\/p><pre><strong>[product_categories parent=\"0\" columns=\"3\"]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6acb425 elementor-widget elementor-widget-image\" data-id=\"6acb425\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-9-product-categories-example-1.jpg\" title=\"woocommerce-shortcodes-9-product-categories-example-1\" alt=\"woocommerce-shortcodes-9-product-categories-example-1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c071a98 elementor-widget elementor-widget-text-editor\" data-id=\"c071a98\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Note <\/strong>&#8211; by default, your categories won&#8217;t have featured images, which is why you see the generic thumbnails in the screenshot above. To add your own custom category images, you can go to <strong>Products \u2192 Categories \u2192 Edit Category \u2192 Upload Thumbnail<\/strong>.<\/p><p><strong>Example 2#<\/strong>: Show <strong>all<\/strong> categories, including parents and subcategories:<\/p><pre><strong>[product_categories]<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47cb59a elementor-widget elementor-widget-image\" data-id=\"47cb59a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-10-product-categories-example-2.jpg\" title=\"woocommerce-shortcodes-10-product-categories-example-2\" alt=\"woocommerce-shortcodes-10-product-categories-example-2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22b5695 elementor-widget elementor-widget-heading\" data-id=\"22b5695\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Product Page\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-faec933 elementor-widget elementor-widget-text-editor\" data-id=\"faec933\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The product page shortcode lets you display the full product page for a specific product by entering its ID or SKU.<\/p><pre><strong>[product_page id=\"68\"]<\/strong><\/pre><p>For example, the shortcode above would display the complete product page for the product with the ID of 68:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c99152e elementor-widget elementor-widget-image\" data-id=\"c99152e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-11-product-page.jpg\" title=\"woocommerce-shortcodes-11-product-page\" alt=\"woocommerce-shortcodes-11-product-page\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3cf7a5 elementor-widget elementor-widget-heading\" data-id=\"a3cf7a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Add to Cart\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c8ec4b elementor-widget elementor-widget-text-editor\" data-id=\"1c8ec4b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The add to cart button lets you display the price and add to cart button for a single product. This is useful if you want to, say, create a separate <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/landing-page-builder\/\"   title=\"Landing Page Builder\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25267\">landing page<\/a> from the normal WooCommerce page but still let shoppers add the product to their cart from that landing page.<\/p><p>You can target the product by ID or SKU.<\/p><pre><strong>[add_to_cart id=\"68\"]<\/strong><\/pre><p>For example, the shortcode above would display the price and add to cart button for the product with the ID of 68.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c4d3b0 elementor-widget elementor-widget-image\" data-id=\"3c4d3b0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-12-add-to-cart.jpg\" title=\"woocommerce-shortcodes-12-add-to-cart\" alt=\"woocommerce-shortcodes-12-add-to-cart\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c679b1 elementor-widget elementor-widget-heading\" data-id=\"8c679b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Add to Cart URL\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db730e9 elementor-widget elementor-widget-text-editor\" data-id=\"db730e9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The add to cart <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/url\/\"   title=\"What is a URL? Structure, Syntax &amp; Best Practices\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25268\">URL<\/a> shortcode lets you display just the URL of a product&#8217;s add to cart button. This is useful if you want to add the URL to your own button or link, though you&#8217;ll probably only use it programmatically.<\/p><p>Like the regular add to cart shortcode, you can target the product by ID or SKU:<\/p><pre><strong>[add_to_cart_url id=\"68\"]<\/strong><\/pre><p>Here&#8217;s the output of the shortcode &#8211; you can see that it only adds the query argument &#8211; it doesn&#8217;t add the full URL:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfe7848 elementor-widget elementor-widget-image\" data-id=\"dfe7848\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-shortcodes-13-add-to-cart-url.jpg\" title=\"woocommerce-shortcodes-13-add-to-cart-url\" alt=\"woocommerce-shortcodes-13-add-to-cart-url\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f7be01 elementor-widget elementor-widget-text-editor\" data-id=\"8f7be01\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>And that&#8217;s it for WooCommerce&#8217;s built-in shortcodes!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d70656 elementor-widget elementor-widget-menu-anchor\" data-id=\"4d70656\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-show-shortcodes-within-other-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad2069 elementor-widget elementor-widget-heading\" data-id=\"9ad2069\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Show Shortcodes Within Other Shortcodes (Nesting)\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74aa18c elementor-widget elementor-widget-text-editor\" data-id=\"74aa18c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re using another WordPress shortcodes plugin, you can also nest WooCommerce shortcodes within other shortcodes for more flexibility.<\/p><p>For example, you could use <a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\">Shortcodes Ultimate<\/a> to create a tabbed design for different types of products and then include the product\u2019s shortcode inside that design.<\/p><p>It might look something like this if you&#8217;re using the classic TinyMCE editor:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3be97d1 elementor-widget elementor-widget-image\" data-id=\"3be97d1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/nested-shortcodes-example.png\" title=\"nested-shortcodes-example\" alt=\"nested-shortcodes-example\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0536d59 elementor-widget elementor-widget-menu-anchor\" data-id=\"0536d59\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-troubleshoot-woocommerce-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b9edd6 elementor-widget elementor-widget-heading\" data-id=\"7b9edd6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Troubleshoot WooCommerce Shortcodes\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2c4767 elementor-widget elementor-widget-text-editor\" data-id=\"b2c4767\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re having problems with WooCommerce shortcodes, here are a few tips and common errors to help you troubleshoot them.<\/p><p>First, pay special attention to brackets and quotation marks. The overall shortcode needs to start with an opening bracket &#8211; <strong>[<\/strong> &#8211; and end with a closing bracket &#8211; <strong>]<\/strong>.<\/p><p>Additionally, the modifiers within the shortcode need to be wrapped in an opening quotation mark and a closing quotation mark. The modifiers are the information that comes after the equal sign.<\/p><p>If you copy and paste the shortcodes from Google Docs, make sure that Google Docs doesn&#8217;t <a href=\"https:\/\/www.solveyourtech.com\/turn-off-smart-quotes-google-docs\/\">automatically replace the quotation marks<\/a> with &#8220;smart quotes&#8221; or curly quotes as these will cause issues in your shortcode.<\/p><p>If you&#8217;re sure that your shortcode is properly formatted but it&#8217;s still not working, another thing to double-check is whether you&#8217;ve accidentally wrapped the shortcode in <strong>&lt;pre&gt;<\/strong> tags. If you have, WordPress won&#8217;t execute the shortcode.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4358736 elementor-widget elementor-widget-menu-anchor\" data-id=\"4358736\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"alternatives-to-using-woocommerce-shortcodes\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3984cc4 elementor-widget elementor-widget-heading\" data-id=\"3984cc4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Alternatives To Using WooCommerce Shortcodes\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0d1a28 elementor-widget elementor-widget-text-editor\" data-id=\"d0d1a28\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you don&#8217;t want to work with WooCommerce shortcodes, there are a couple of other good alternatives for displaying product information or lists of products.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-006929d elementor-widget elementor-widget-heading\" data-id=\"006929d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WooCommerce Blocks\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdd41e5 elementor-widget elementor-widget-text-editor\" data-id=\"fdd41e5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Since WooCommerce 3.6, WooCommerce has included several blocks that you can use as an alternative to shortcodes in the WordPress block editor.<\/p><p>These blocks offer an easier way to work in the WordPress block editor for a couple of reasons:<\/p><ol><li>You can see a live preview of the block&#8217;s output, whereas you need to click the preview button to see how a shortcode will look.<\/li><li>You can configure the block&#8217;s output using a graphic interface rather than needing to use shortcode modifiers.<\/li><\/ol><p>If you&#8217;re using WooCommerce 3.6 or later and you&#8217;ve activated the block editor, you&#8217;ll see a new WooCommerce section in the block inserter that includes several options to replace shortcodes:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c10e05a elementor-widget elementor-widget-image\" data-id=\"c10e05a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-blocks-1.png\" title=\"woocommerce-blocks-1\" alt=\"woocommerce-blocks-1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2900bc0 elementor-widget elementor-widget-text-editor\" data-id=\"2900bc0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For example, to insert your on-sale products, you can just add the <strong>On Sale Products<\/strong> block. Then, you can use the block&#8217;s settings to control rows and columns and product details:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff51754 elementor-widget elementor-widget-image\" data-id=\"ff51754\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/woocommerce-blocks-2.png\" title=\"woocommerce-blocks-2\" alt=\"woocommerce-blocks-2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d6883 elementor-widget elementor-widget-heading\" data-id=\"97d6883\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Elementor Pro\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-898ac1c elementor-widget elementor-widget-text-editor\" data-id=\"898ac1c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re using <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a>, you get access to <a href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor WooCommerce Builder<\/a>, which gives you an alternative way to display WooCommerce products thanks to <a href=\"https:\/\/elementor.com\/help\/woocommerce-widgets-pro\/\" target=\"_blank\" rel=\"noopener\">its dedicated WooCommerce widgets<\/a>.<\/p><p>For example, with the <strong>Products<\/strong> widget, you can display a grid of products based on different criteria such as:<\/p><ul><li>Latest products<\/li><li>On-sale products<\/li><li>Featured products<\/li><\/ul><p>You can also query by category or tag and even include specific products by searching for them.<\/p><p>This provides a direct alternative to the WooCommerce products shortcode that lets you do everything from a visual interface:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3f6ac elementor-widget elementor-widget-image\" data-id=\"fa3f6ac\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/elementor-woocommerce-1.png\" title=\"elementor-woocommerce-1\" alt=\"elementor-woocommerce-1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81452cd elementor-widget elementor-widget-text-editor\" data-id=\"81452cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You&#8217;ll also get a <strong>Product Categories<\/strong> widget, which replaces the WooCommerce product categories shortcode and lets you display a list of your store&#8217;s categories. Just as with the shortcode, you&#8217;ll also be able to filter out specific categories, like only showing parent categories or showing the child categories of a specific parent:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f80fa3 elementor-widget elementor-widget-image\" data-id=\"0f80fa3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/elementor-woocommerce-2.png\" title=\"elementor-woocommerce-2\" alt=\"elementor-woocommerce-2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b21a4 elementor-widget elementor-widget-text-editor\" data-id=\"d2b21a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor also gives you a <strong>WooCommerce Pages<\/strong> widget that lets you insert the following pages:<\/p><ul><li>Cart<\/li><li>Checkout<\/li><li>My Account<\/li><li>Order tracking<\/li><li>Individual product page<\/li><\/ul><p>These five options all replace their respective WooCommerce shortcodes.<\/p><p>Finally, if you want to go even further, <a href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor WooCommerce Builder<\/a> lets you <a href=\"https:\/\/elementor.com\/blog\/customize-woocommerce-product-page\/\" target=\"_blank\" rel=\"noopener\">design the actual templates for your store&#8217;s shop and single product pages<\/a> using a visual, drag-and-drop builder.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c80874 elementor-widget elementor-widget-heading\" data-id=\"8c80874\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Expand Your WooCommerce Store Functionality With Shortcodes\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4839fe2 elementor-widget elementor-widget-text-editor\" data-id=\"4839fe2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>WooCommerce shortcodes give you the power to control your store&#8217;s core pages and also insert products, product categories, and other product details.<\/p>\n<p>Working with shortcodes can be a little tricky at first because you need to understand how to add all the various modifiers. But once you get the hang of it, you can use the many options to pinpoint the exact information that you want to display.<\/p>\n<p>If you don&#8217;t want to work with shortcodes, there are alternatives that also provide plenty of flexibility are &#8211; WooCommerce&#8217;s built-in blocks (as of WooCommerce 3.6), or the dedicated WooCommerce widgets in <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a>.<\/p>\n<p>Finally, for some other ways to improve your WooCommerce store, check out our collections of the <a href=\"https:\/\/elementor.com\/blog\/woocommerce-plugins\/\" target=\"_blank\" rel=\"noopener\">best WooCommerce plugins<\/a>, the best WooCommerce themes, and <a href=\"https:\/\/elementor.com\/blog\/ecommerce-seo\/\" target=\"_blank\" rel=\"noopener\">our guide to ecommerce SEO<\/a> to help your store rank higher in search.<\/p>\n<p>Do you still have any questions about working with WooCommerce shortcodes? Let us know in the comments and we&#8217;ll try to help!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WooCommerce provides an easy way to create an online shop, but very few users know just how flexible the platform is thanks to WooCommerce shortcodes. Discover how you can control core ecommerce pages, display products, and more with shortcodes.<\/p>\n","protected":false},"author":188873,"featured_media":66253,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[77],"tags":[82],"marketing_persona":[51],"marketing_intent":[48],"class_list":["post-66245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","tag-woocommerce"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Use WooCommerce Shortcodes in Your Online Store \u2502Elementor<\/title>\n<meta name=\"description\" content=\"Discover how you can control core e-commerce pages, display products on the front-end, and much more with WooCommerce shortcodes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use WooCommerce Shortcodes in Your Online Store \u2502Elementor\" \/>\n<meta property=\"og:description\" content=\"Discover how you can control core e-commerce pages, display products on the front-end, and much more with WooCommerce shortcodes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-10T11:45:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T17:31:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-06.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"629\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sergei Davidov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergei Davidov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\"},\"author\":{\"name\":\"Sergei Davidov\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\"},\"headline\":\"How To Use WooCommerce Shortcodes in Your Online Store\",\"datePublished\":\"2021-05-10T11:45:41+00:00\",\"dateModified\":\"2025-12-28T17:31:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\"},\"wordCount\":2705,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png\",\"keywords\":[\"WooCommerce\"],\"articleSection\":[\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\",\"url\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\",\"name\":\"How To Use WooCommerce Shortcodes in Your Online Store \u2502Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png\",\"datePublished\":\"2021-05-10T11:45:41+00:00\",\"dateModified\":\"2025-12-28T17:31:22+00:00\",\"description\":\"Discover how you can control core e-commerce pages, display products on the front-end, and much more with WooCommerce shortcodes.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png\",\"width\":1201,\"height\":629},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/elementor.com\/blog\/category\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Use WooCommerce Shortcodes in Your Online Store\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9\",\"name\":\"Sergei Davidov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g\",\"caption\":\"Sergei Davidov\"},\"description\":\"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/sdavidov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use WooCommerce Shortcodes in Your Online Store \u2502Elementor","description":"Discover how you can control core e-commerce pages, display products on the front-end, and much more with WooCommerce shortcodes.","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:\/\/elementor.com\/blog\/woocommerce-shortcodes\/","og_locale":"en_US","og_type":"article","og_title":"How To Use WooCommerce Shortcodes in Your Online Store \u2502Elementor","og_description":"Discover how you can control core e-commerce pages, display products on the front-end, and much more with WooCommerce shortcodes.","og_url":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-05-10T11:45:41+00:00","article_modified_time":"2025-12-28T17:31:22+00:00","og_image":[{"width":1201,"height":629,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-06.png","type":"image\/png"}],"author":"Sergei Davidov","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Sergei Davidov","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/"},"author":{"name":"Sergei Davidov","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9"},"headline":"How To Use WooCommerce Shortcodes in Your Online Store","datePublished":"2021-05-10T11:45:41+00:00","dateModified":"2025-12-28T17:31:22+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/"},"wordCount":2705,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png","keywords":["WooCommerce"],"articleSection":["WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/","url":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/","name":"How To Use WooCommerce Shortcodes in Your Online Store \u2502Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png","datePublished":"2021-05-10T11:45:41+00:00","dateModified":"2025-12-28T17:31:22+00:00","description":"Discover how you can control core e-commerce pages, display products on the front-end, and much more with WooCommerce shortcodes.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/05\/26.04.2021_WOOCOMMERCE-SHORTCODES_BLOG-07.png","width":1201,"height":629},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/woocommerce-shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/elementor.com\/blog\/category\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"How To Use WooCommerce Shortcodes in Your Online Store"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/87a6d63997f5dd9f2105a3a769c759c9","name":"Sergei Davidov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5edd915cad15385a7184ea9ce23710fe08edb3d605ede2f99cc4e7e65f04ad?s=96&d=mm&r=g","caption":"Sergei Davidov"},"description":"Sergei Davidov is a content creator at Elementor. His favorite topics are gadgets, advances in science, new apps and software solutions. He enjoys spicy food, reading books and listening to elevator music.","url":"https:\/\/elementor.com\/blog\/author\/sdavidov\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/66245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/188873"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=66245"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/66245\/revisions"}],"predecessor-version":[{"id":149057,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/66245\/revisions\/149057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/66253"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=66245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=66245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=66245"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=66245"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=66245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}