Introduction
If you are having issues with your shop, cart or checkout pages page not working, being lost or duplicated, refer to the Documentation area and reference your theme’s “Verify WooCommerce Pages” article for important steps to take.
The Solution
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.
Want full control over yout cart, checkout and account pages? Elementor pro lets you control the exact styling of these pages in an easier and quicker way. It enables you to focus on the core aspects of your business while it automates most of the technical elements. Get Elementor pro today.
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.
[woocommerce_cart]
Checkout
Used on the checkout page, the checkout shortcode displays the checkout process. Use the Full Width page template with this shortcode.
[woocommerce_checkout]
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.
[woocommerce_order_tracking]
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.
[woocommerce_my_account order_count="12"]
Special WooCommerce Pages
The following shortcodes can be used to create custom shop pages such as category lists, on-sale and featured products.
When setting the number of columns, keep your WooCommerce image sizes in mind. If you have your images set to the theme recommendation, they will be optimized for 3 columns with a sidebar in most cases. Setting your shortcode to 3 or more columns shouldn’t be an issue, but if you choose to show less columns, your images will not fill out the column.
Sale Products
List all products on sale. Use the Full Width or Shop Sidebar page template with this shortcode.
[sale_products per_page="12"]
Best Selling Products
List best selling products. Use the Full Width or Shop Sidebar page template with this shortcode.
[best_selling_products per_page="12"]
Top Rated Products
List top rated products. Use the Full Width or Shop Sidebar page template with this shortcode.
[top_rated_products per_page="12"]
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.
[product_attribute attribute='color' filter='black']
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.
[recent_products per_page="12" columns="4"]
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.
[featured_products per_page="12" columns="4"]
Single Product
Show a single product by ID or SKU. Use the Full Width or Shop Sidebar page template with this shortcode.
[product id="2162"]
[product sku="FOO"]
*If the product isn’t showing, make sure it isn’t set to Hidden in the Catalog Visibility.
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.
[products ids="1, 2, 3, 4, 5"]
[products skus="foo, bar, baz" orderby="date" order="desc"]
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 POST announcing a product and want to give users a quick way to buy or download.
[add_to_cart id="99"]
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_category category="accessories"]
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
> 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.