Website Building » WooCommerce » How do I display WooCommerce products on a custom page?

How do I display WooCommerce products on a custom page?

Last updated on September 24, 2022 @ 9:53 pm

If you want to display WooCommerce products on a custom page, first you’ll need to install the WooCommerce Custom Page Plugin. Once the plugin is installed, go to the plugin’s settings page and click the “Add Custom Page” button.

On the custom page settings page, you’ll need to provide the following information:

Name – The name of the custom page

– The name of the custom page URL – The URL of the custom page

– The URL of the custom page Description – A brief description of the custom page

– A brief description of the custom page Category – The category of the custom page

– The category of the custom page Page Type – The type of custom page: Page, Category Page, or Product Page

– The type of custom page: Page, Category Page, or Product Page Layout – The layout of the custom page: Standard, Grid, or List

– The layout of the custom page: Standard, Grid, or List Category – The category of the products displayed on the custom page

– The category of the products displayed on the custom page Show Products – Whether or not to show the WooCommerce products on the custom page

Once you’ve provided the required information, click the “Create Custom Page” button.

Now you’ll need to add the WooCommerce products to the custom page. To do this, first add the WooCommerce products to your WooCommerce store.

Then, go to the custom page’s URL and click the “Add Products” button.

On the “Add Products” page, you’ll need to provide the following information:

Product ID – The WooCommerce product ID of the product you want to add to the custom page

– The WooCommerce product ID of the product you want to add to the custom page Product Name – The name of the product

PRO TIP: If you are using a custom page template to display WooCommerce products, you need to take care to ensure that the products are displayed correctly. Otherwise, they may not be visible or may not be displayed correctly.

– The name of the product Category – The category of the product

– The category of the product Price – The price of the product

– The price of the product Quantity – The number of products you want to add to the custom page

– The number of products you want to add to the custom page Image – The URL of the image of the product

– The URL of the image of the product Short Description – A brief description of the product

– A brief description of the product Extended Description – An extended description of the product

– An extended description of the product Display Order – The order in which the products will be displayed on the custom page

– The order in which the products will be displayed on the custom page Tax Class – The tax class of the product

– The tax class of the product Tax Amount – The tax amount of the product

– The tax amount of the product Add to Cart Button – whether or not to add the product to the WooCommerce customer’s shopping cart

Once you’ve added the required information, click the “Create Custom Page” button.

Now you’ll need to add the custom page’s layout to your page. To do this, go to the custom page’s URL and click the “Layout” button.

Then, click the “Add Custom Page Layout” button and select the layout you want to use.

Finally, click the “Create Custom Page” button.

Now you’ll need to add the custom page’s template to your page. To do this, go to the custom page’s URL and click the “Templates” button.

Then, click the “Add Custom Page Template” button and select the template you want to use.

Congratulations! You’ve now created and added a WooCommerce product page to your website.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.