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.
That why WooCommerce shortcodes appear and offer another option for users to create a more individualized design of their shops.
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?
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
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.
✍️ Tip: Use the full-width page template with this shortcode.
✅ 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.
✍️ 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.
✍️ 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"]
✅ 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"]
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"]
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"]
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"]
✅ 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"]
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"]
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″]
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"]
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"]
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
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.
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’.
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.
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.
After click on this, the pop-up appears on your screen, now add the ID whatever you want to display.
Clicking the OK button will generate a shortcode like in the screenshot below:
Click the publish button and you’ll see that the shortcode is generated successfully as shown in this screenshot below.
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:
If you want to add featured products, just click on the icon. See the screenshot below:
Here is the shortcode:
[featured_products per_page=”12″ columns=”4″ orderby=”date” order=”ASC”]
Here’s what it will look like now:
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 ?
