Are you looking to add a WooCommerce store to your WordPress site? If so, you may be wondering how to display your products on your website.
In this article, we’ll show you how to show WooCommerce products in WordPress. We’ll also cover some of the different ways you can display your products, including using shortcodes and widgets.
Let’s get started!
How to Show WooCommerce Products in WordPress
Adding a WooCommerce store to your WordPress site is a great way to sell products online. Once you’ve installed and activated the WooCommerce plugin, you’ll need to add your products to your site.
There are two ways you can do this: by adding products manually or by importing products from another eCommerce platform.
If you’re adding products manually, you’ll need to go to WooCommerce > Products > Add New. From here, you can add a product title, description, price, and other product details. You can also upload a product image and set category and tag options.
Once you’ve added all the product details, click on the Publish button to publish your product live on your website.
You can also import products from another eCommerce platform using the CSV importer tool. To do this, go to WooCommerce > Products > CSV Import Suite.
From here, you can download a CSV template file and fill it out with your product information. Once you’ve saved your CSV file, you can upload it back on the same page and click on the Import button.
How to Display WooCommerce Products on Your Website
Now that you know how to add WooCommerce products to your WordPress site, let’s take a look at how to display them on your website. By default, WooCommerce will display your products in a grid layout on the shop page.
You can change this layout by going to WooCommerce > Settings > Products. From here, you can select the number of columns and rows you want displayed on the shop page.
If you want more control over how your products are displayed on your website, there are two other options available: shortcodes and widgets.
Using Shortcodes to Display Products
WooCommerce comes with a number of built-in shortcodes that allow you to display products anywhere on your website. For example, the [product] shortcode allows you to display a single product by its ID or SKU.
To use this shortcode, simply add it to any post or page where you want the product displayed. For example:
[product id="99"]
[product sku="ABC123"]
You can also use the [products], [recent_products], and [featured_products] shortcodes to display multiple products in different ways. For example:
[products limit="4" columns="2"]
[recent_products per_page="12"]
[featured_products per_page="8" columns="4"]
These are just a few examples of how you can use shortcodes to display WooCommerce products in WordPress. For more information on all of the available WooCommerce shortcodes, please see our documentation.
Using Widgets to Display Products
In addition to shortcodes, WooCommerce also comes with a number of widgets that allow you to display products anywhere on your website. For example, the Products by Tag, Products by Category, Recent Products , Featured Products , On Sale Products ,and Top Rated Products. These widgets can be found under Appearance > Widgets .
Simply drag and drop them into any widget area on your site.
These are just some of the ways that you can show WooCommerce products in WordPress. As long as you have the WooCommerce plugin installed and activated on your site, there are many different ways that you can display your products.
Do you have any questions about how to show Woo Commerce products in WordPress? Let us know in the comments below!
