How To Setup WooCommerce Pages Using Shortcodes

Shop Pages

When you install WooCommerce, you are prompted to automatically install your pages. These are then correctly linked to WooCommerce. Note that there are not physical pages for everything – content like My Account > Change Password is dynamically generated using what is called an “Endpoint”. For this reason, you don’t need to create a physical page for all of these different parts of the account area.

To ensure your WooCommerce pages are setup correctly and linked, see your Theme Documentation’s “Verify Your WooCommerce Pages” article.

Cart

Used on the cart page, the cart shortcode displays the cart contents and interface for coupon codes and other cart bits and pieces. Use the Full Width page template with this shortcode.

Checkout

Used on the checkout page, the checkout shortcode displays the checkout process. Use the Full Width page template with this shortcode.

Order Tracking Form

Lets a user see the status of an order by entering their order details. Use the Full Width or Shop Sidebar page template with this shortcode.

My Account

Shows the ‘my account’ section where the customer can view past orders and update their information. You can specify the number or order to show, it’s set by default to 15 (use -1 to display all orders.)

Use the Full Width or Shop Sidebar page template with this shortcode.

Special WooCommerce Pages

The following shortcodes can be used to create custom shop pages such as category lists, on-sale and featured products.

Sale Products

List all products on sale. Use the Full Width or Shop Sidebar page template with this shortcode.

Best Selling Products

List best selling products. Use the Full Width or Shop Sidebar page template with this shortcode.

Top Rated Products

List top rated products. Use the Full Width or Shop Sidebar page template with this shortcode.

Products With Specific Attributes

List products with an attribute. For example, create a page that shows all products that have thecolor attribute, and show only black ones. Note that the WooCommerce filtered nav allows you to create links to filtered pages like this automatically, but this shortcode is useful if you have a promotion running on black dresses, for example.

Use the Full Width or Shop Sidebar page template with this shortcode.

Recent Products

The Shop page template will do this by default. Only use this shortcode if you want a specially formatted landing page that is different from your main shop index, or if you want to display the shop without widgets on your homepage by using a static page.

Use the Full Width or Shop Sidebar page template with this shortcode.

The ‘per_page’ attribute determines how many products to show on the page and the columns attribute controls how many columns wide the products should be before wrapping.

Featured Products

Works exactly the same as recent products but displays products which have been set as “featured”. In this example, the page will show 12 featured products per page in 4 columns.

Use the Full Width or Shop Sidebar page template with this shortcode.

Single Product

Show a single product by ID or SKU. Use the Full Width or Shop Sidebar page template with this shortcode.

To find the Product ID, edit the product and look at the browser address bar. The ID follows the “post” part of the URL as shown here:

Multiple Products

Show multiple products by ID or SKU. Use the Full Width or Shop Sidebar page template with this shortcode.

To find the Product ID, edit the product and look at the browser address bar. The ID follows the “post” part of the URL as shown here:

Add To Cart

Show the price and add to cart button of a single product by ID. This is useful if you have a POSTannouncing a product and want to give users a quick way to buy or download.

Product Category

Show multiple products in a category by slug. Note that WooCommerce already creates category pages, but this shortcode is useful if you want to setup a special set of products without using the widgetized page template and widgets.

Use the Full Width or Shop Sidebar page template with this shortcode.

To find the category slug, go to Products > Categories and look at the slug column.

Product Categories

Display a list of featured images representing your product categories on a special page.

You can do this without a shortcode by going to WooCommerce > Settings and setting the “Shop Page Display” option to Show SubCategories under the Products tab. This shortcode is useful if you want to show all categories on one page without adjusting your post count for your shop.

Use the Full Width or Shop Sidebar page template with this shortcode.

The number attribute is used to display the number of products and the ids attribute is to tell the shortcode which categories to display. To get the category ID, edit a category and look at the browser address bar. The Category ID is the number following the “tag_ID” part of the URL. If you want to show all categories, you can omit the ids attribute.