{"id":42572,"date":"2015-02-03T05:00:41","date_gmt":"2015-02-03T10:00:41","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=42572"},"modified":"2016-09-30T03:55:08","modified_gmt":"2016-09-30T07:55:08","slug":"woocommerce-how-to-use-plugin-shortcodes","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/woocommerce-how-to-use-plugin-shortcodes.html","title":{"rendered":"WooCommerce. How to use plugin shortcodes"},"content":{"rendered":"<p>Our support team is glad to present a new tutorial that will show how to <strong>work with Woocommerce shortcodes<\/strong>.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=YJsEsTYEz7k?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to use plugin shortcodes<\/a><\/p>\r\n<p>Open official WooCommerce <strong> <a href=\"http:\/\/docs.woothemes.com\/document\/woocommerce-shortcodes\/\" target=\"_blank\"> shortcodes documentation <\/a> <\/strong> to find out what shortcodes you may use on your website.<\/p>\r\n<p>Please note that the available shortcodes depend on your WooCommerce plugin version. Please check your plugin version following these steps:<\/p>\r\n<ol>\r\n<li>\r\n<p> Log into your <strong> WordPress admin panel<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Go to <strong> Plugins -> Installed plugins <\/strong> section.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Locate <strong>WooCommerce<\/strong> plugin and check its version:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_1-300x142.png\" alt=\"WooCommerce.How_to_use_plugin&#039;s_shortcodes_1\" width=\"300\" height=\"142\" class=\"aligncenter size-medium wp-image-42575\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_1-300x142.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_1-150x71.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_1-1024x487.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_1.png 1305w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Go to WooCommerce <a href=\"http:\/\/docs.woothemes.com\/document\/woocommerce-shortcodes\/\" target=\"_blank\">shortcodes page<\/a> to check what exact shortcodes you can use.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>In our example we have version 2.2.8, so we may use these shortcodes (just insert them to any page content):<\/p>\r\n<ol>\r\n<li>\r\n<p> Inserting the <strong> [woocommerce_cart]<\/strong> shortcode to regular page content field will let you show the cart page there. You will be able to see the list of products that are added to cart, Cart Totals section and form for Shipping Calculating: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_2-300x174.png\" alt=\"WooCommerce.How_to_use_plugin&#039;s_shortcodes_2\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-42576\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_2-300x174.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_2-150x87.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_2-1024x594.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_2.png 1284w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p> <strong> [woocommerce_checkout] <\/strong> shortcode allows to display the checkout page. Here you should set Billing Details, there is also an option for Shipping address changing. At the end of the page there is a list of available payment systems to proceed placing the order:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_3-300x174.png\" alt=\"WooCommerce.How_to_use_plugin&#039;s_shortcodes_3\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-42577\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_3-300x174.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_3-150x87.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_3-1024x594.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_3.png 1284w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p> <strong> [woocommerce_order_tracking] <\/strong> shows the order tracking form, so that your customers can specify the Order ID (can be found in confirmation email) and track their order status. You can create separate page for order tracking by using this shortcode and include it to top menu for example, so that ordering at your site becomes more convenient for your customers:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_4-300x174.png\" alt=\"WooCommerce.How_to_use_plugin&#039;s_shortcodes_4\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-42578\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_4-300x174.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_4-150x87.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_4-1024x594.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_4.png 1284w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p> <strong> [woocommerce_my_account] <\/strong>  shows the user account page. Customers can see their Recent Orders (set by default to 15) here and their addresses that are used for checkout (like Billing and Shipping addresses):<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_5-300x174.png\" alt=\"WooCommerce.How_to_use_plugin&#039;s_shortcodes_5\" width=\"300\" height=\"174\" class=\"aligncenter size-medium wp-image-42579\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_5-300x174.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_5-150x87.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_5-1024x594.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/01\/WooCommerce.How_to_use_plugins_shortcodes_5.png 1284w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<\/ol>\r\n<p>Thanks for reading this article! Feel free to check detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=YJsEsTYEz7k?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to use plugin shortcodes<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Our support team is glad to present a new tutorial that will show how to work with Woocommerce shortcodes.<\/p>\n","protected":false},"author":59,"featured_media":43498,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1556],"tags":[768,1415,2418],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/42572"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=42572"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/42572\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43498"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=42572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=42572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=42572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}