An eye-catching online store can be installed quickly with WordPress, WooCommerce, and a professional shopping theme. The shop will come preloaded with a variety of configuration options. But these are not enough options for customization.

Using shortcodes is an excellent way to perform complex tasks in WooCommerce. Rather than performing the tasks by writing custom codes, shortcodes allow you to perform it instantly help you make your store more professional, and can help you increase sales through customers can easily find and buy products that are more suitable for them.

What are WooCommerce shortcodes?

What is woocommerce shortcodes share blog tips 01

Woocommerce shortcodes are small snippets of code that you can place in your Woocommerce pages and templates to show certain values from the database.

You don’t have to be an experienced coder to work with shortcodes which is what makes them so popular!

We wanted to compile the biggest and most helpful list of Woocommerce shortcodes in order to have them all in one place, you can use these WooCommerce shortcodes for your Cart, Checkout and My Account pages, etc, to display the content.


✅ WooCommerce page shortcodes

When you first install WordPress it automatically creates 4 pages that are required to run your store — Shop, Cart, Checkout, and My Account, that allow visitors to check out, pay and manage their account. These pages have shortcodes that WooCommerce includes from its core. So if WooCommerce couldn’t create a page for some reason or you accidentally deleted it, you can recreate it with the proper shortcode and specify in the settings.

When you first install WordPress it automatically creates 4 pages that are required to run your store — Shop, Cart, Checkout, and My Account, that allow visitors to check out, pay and manage their account. These pages have shortcodes that WooCommerce includes from its core. So if WooCommerce couldn’t create a page for some reason or you accidentally deleted it, you can recreate it with the proper shortcode and specify in the settings.


✅ Shop

Woocommerce shop page share blog tips 01

Shop page is your store page. It showcases all of your WooCommerce products and presents to your visitors. Currently, there is no shortcode to customize the content of this page. WooCommerce can automatically detect when the shop page is loading and list your products accordingly.

Please add the ‘[‘ and ‘]’ characters on before and after the WooCommerce shortcodes to make it work.


✅ Cart

WooCommerce creates a Cart page for its shopping cart functionality, the cart shortcode displays cart content and interface for coupon codes and other cart bits and pieces.

The cart shortcode does not accept any additional parameter/argument. It shows the content of the shopping cart such as item details, coupon codes, shipping, taxes, etc.

[woocommerce_cart] 

This shortcode will demonstrate the customer’s cart.

Woocommerce cart share blog tips


✅ Checkout

Check out page provides the checkout functionality for your customers.

The checkout shortcode does not accept any additional parameter/argument. It shows all the information which will be collected from a user during checkout such as billing info, shipping info, payment method, etc.

[woocommerce_checkout]

This shortcode will display the checkout page.

Woocommerce checkout page share blog tips

✍️ Tip: Use the full-width page template with this shortcode.


✅ My Account

My Account page shows a dashboard to the logged-in customers.

A customer can view their past orders, downloads, and update their personal details such as billing info, shipping info, account password from the My Account page.

[woocommerce_my_account] 

This shortcode will display the My Account Page.

✍️ Tip: By default, it’s set to 15 (use -1 to display all orders.)


✅ Order Tracking Form

Order Tracking Form page is not created automatically by default. This is an optional page that you can manually create to let a customer check the status of an order. 

In order to see the status of an order, the customer needs to enter their order details in the Order Tracking Form.

[woocommerce_order_tracking] 

This shortcode will display the Order Tracking page.

woocommerce_order_tracking shareblogtips

✍️ Tip: Use the full-width page or Shop Sidebar template with this shortcode.

WooCommerce product shortcodes

There are some WooCommerce product shortcodes which can be used anywhere you want.


✅ Product

This WooCommerce shortcode allows you to show a single product by ID or SKU.

In order to find the ID of a product, you can hover over that particular product in the WooCommerce Products menu.

[product id="99"]
[product sku="WCT5001"]
woocommerce single product shortcodes


✅ Products

This shortcode shows a set of products by ids or SKUs. You can also use the arguments to add columns, order by, and order filters.

Shortcode:

[products id="7, 9, 22, 15, 22, 67, 79, 89" orderby="title" order="desc"]

Woocommerce products shortcode shareblogtips

Arguments:

  • columns – How many columns to show the products in.
  • orderby – What to order the products by.
  • order – Ascending or descending order.


✅ Recent products

You can use this WooCommerce shortcode to list a set of recent products.

You determine how many products to show on the page with the “per_page” attribute. The “columns” attribute can be used to control how many columns wide the products should be before wrapping.

Shortcode:

[recent_products per_page="12" columns="4" orderby="title" order="desc"]
Woocommerce recently product shortcodes shareblogtips

Arguments:

  • per_page – How many products to show per page.
  • columns –  How many columns to show the products in.
  • orderby – What to order the results by.
  • order – Order the results in asc or desc order.

Note: 

The ‘per_page’ attribute means how many products you want to show on the page and same goes for the columns attribute deciding in how many columns should the products be listed. And this may vary from person to person according to their personal choices.

✍️ Tip: Use full-width page or Shop Sidebar template with this shortcode.


✅ Featured products

You can use this WooCommerce shortcode to display products that have been set as “featured” in WooCommerce.

This shortcode will display any product that you select as a featured product in Woocommerce. You can use arguments to display columns and order the results.

Shortcode:

[featured_products per_page="12" columns="5" orderby="date" order="desc"]
woocommerce feature product shortcodes shareblogtips

Arguments:

  • per_page – how many products to show per page.
  • columns – The number of columns to put the products in.
  • orderby – You can order the results by title, date, etc.
  • order – Display the results ordered descending or ascending.


✅ Add to Cart

This WooCommerce shortcode shows the price and adds to cart button of a single product by ID.

[add_to_cart id="22"]
woocommerce add to cart shareblogtips


✅ Add to Cart URL

This WooCommerce shortcode prints the URL on the add to cart button of a single product by ID.

[add_to_cart_url id="99"]


✅ Product Category

The product category shortcode will show multiple products in a certain category based on the arguments provided.

Shortcode:

[product_category category="truck-parts"]

Arguments:

  • per_page – How many products to show per page.
  • columns –  How many columns to show the products in.
  • orderby – What to order the results by.
  • order – Order the results in asc or desc order.
  • category – The category to filter products by.

You can find the slug of a particular category under WooCommerce > Products > Categories.


✅ Product Categories

This WooCommerce shortcode can display multiple product categories in a loop.

Shortcode:

[product_categories number="12" ids="2, 6, 7, 10"]

You can use the number parameter to display the number of products, and the ids field (containing comma-separated list of category IDs) to choose which categories to display.

There is also the parent parameter that you can set to 0 to only display the top level categories.

[product_categories number="12" parent="0"]

In order to find the ID of a category, go to the Product Categories screen and hover over the category. The ID appears in the URL.

Arguments:

  • number – Displays the number of products returned.
  • orderby – What to order the results by.
  • order – Order the results in asc or desc order.
  • columns –  How many columns to show the categories in.
  • hide_empty – Set to 1 to hide categories with no products.
  • parent – Set to 0 to only display top level categories
  • ids – Show certain categories


✅ Sale Products

This WooCommerce shortcode showcases all of your products that are on sale.

Shortcode:

[sale_products per_page="3" orderby="sale_price" order="desc"]
sales product woocommerce shortcode shareblogtips

Arguments:

  • per_page – How many products to show per page.
  • columns –  How many columns to show the products in.
  • orderby – What to order the results by.
  • order – Order the results in asc or desc order.


✅ Best-Selling Products

This WooCommerce shortcode showcases all of your best-selling products.

Shortocde:

[best_selling_products per_page="8"]
best selling product woocommerce shortcode shareblogtips

Arguments:

  • per_page – How many products to show per page.
  • columns –  How many columns to show the products in.

✍️ Tip: Use the full-width page or Shop Sidebar template with this shortcode.


✅ Related Products

This WooCommerce shortcode lists all of your related products.

Shortcode:

[related_products per_page=”2″]

related product shortcode shareblotips

Arguments:

  • per_page – How many products to show per page.
  • columns –  How many columns to show the products in.
  • orderby – What to order the results by.

✍️ Tip: Use the full-width page or Shop sidebar template with this shortcode.


✅ Top-Rated Products

This WooCommerce shortcode showcases all of your top-rated products.

Shortcode:

[top_rated_products per_page="5" columns="1"]
top rated product woocommerce shortcode shareblogtips

Arguments:

  • per_page – How many products to show per page.
  • columns –  How many columns to show the products in.
  • orderby – What to order the results by.
  • order – Order the results in asc or desc order.


✅ Product Attribute

This WooCommerce shortcode lists products by attributes. The product attribute shortcode could be good for the homepage or list pages.

Shortcode:

[product_attribute attribute="color" filter="black"]
product attribute shortcode shareblogtips

Arguments:

  • per_page – How many products to show per page.
  • columns – How many columns to show the products in.
  • orderby – What to order the results by.
  • order – Order the results in asc or desc order.
  • attribute – a product attribute to filter by.
  • filter – the specific attribute to show in the filter.


✅ Product Sorting

product sorting woocommerce shortcodes shareblogtips

You can use the “orderby” or “order” parameter to sort shortcodes that simply display multiple products or multiple products of a category. The “orderby” parameter can accept one of these values:

  • Menu_order
  • Title
  • Date
  • Rand
  • ID

The “order” parameter can accept one of these values:

  • asc
  • desc

For example This shortcode will sort 3 products (with SKUs foo, bar and baz) by date in descending order:

[products skus="foo, bar, baz" orderby="date" order="desc"]

WordPress WooCommerce Shortcodes Plugins

Although, some of the plugins are available on the Internet such as WooCommerce shortcode by Wootheme, Woo Shortcodes Kit but I would like to suggest to choose WooCommerce Shortcodes plugins. This plugin provides a TinyMCE drop-down button for you use all WooCommerce shortcodes.

Looking at the pictures below you can see the huge download and full 5-star rating for quality.

Woocommerce shortcodes plugins

This plugin also has a lot of positive feedback from that user is also the reason why I Give you WordPress WooCommerce Shortcodes Plugin that are not plugins by other because it has been verified by many customers as well as the benefits that it brings.

How to install and usage WordPress WooCommerce Shortcodes Plugin


✅ Install and active WooCommerce Shortcodes

Go to your admin dashboard and click on Plugin > Add new on the left sidebar. Search for the plugin ‘woocommerce shortcodes’.

Install WordPress WooCommerce Shortcodes Plugin

After activation, you can see a shortcode button in your page editor and post editor.

Click on the button and dropdown list of all the products will occur.

Active WordPress WooCommerce Shortcodes Plugin

Now as you have successfully activated the plugin.


✅ Usage WooCommerce Shortcodes

1. Product Price/Cart button

When you click on the Price/Cart button, it will ask you for your product ID and SKU. After filling the instructions it will generate the following shortcode [add_to_cart id=”21″ sku=”21″].

This is used to show the price and add to cart button for a singular product, either by ID or SKU.

For Example:

I am adding a new page and add the shortcode for price/cart button.

woocommerce shortcodes share blog tips 02

After click on this, the pop-up appears on your screen, now add the ID whatever you want to display.

woocommerce shortcodes share blog tips 03

Clicking the OK button will generate a shortcode like in the screenshot below:

woocommerce shortcodes share blog tips 04

Click the publish button and you’ll see that the shortcode is generated successfully as shown in this screenshot below.

woocommerce shortcodes share blog tips 05

This is the one example I am showing you, you can also use any other shortcodes as well like List, add to cart, etc.

Tip: Use the full-width page template with this shortcode.

2. Feature Product shortcode

Feature products allow you to add your favorite products to your web page. Just go to your admin site dashboard, Products > Products and you will see an icon like this:

feature product shortcodes 01

If you want to add featured products, just click on the icon. See the screenshot below:

feature product shortcodes

Here is the shortcode:

[featured_products per_page=”12″ columns=”4″ orderby=”date” order=”ASC”]

Here’s what it will look like now:

feature product shortcodes 02

In addition, other WooCommerce shortcodes are used similarly to the above two cases, shortcodes are pre-installed, your job is to just use it without having to memorize all shortcodes.


Conclusion

After this article, you can also answer that question: What is Woocommerce shortcode and how to use WooCommerce shortcodes plugins to make your store look great convenient, fast in the process of building a WooCommerce WordPress site.

If in the process of building and using WordPress in general and Woocommerce in particular, do you encounter difficulties or have good tips do not hesitate to comment and share with Shareblogtips so that everyone can learn and do better ?

Show CommentsClose Comments

Leave a comment