The shop in WooCommerce is the main page where all the products/services are listed for purchasing. Sometimes, we need to display certain products on other pages and posts, especially for promotional purposes.
WooCommerce provides two ways of adding and displaying products inside posts or pages. In the first method, we can use built-in WooCommerce shortcodes to display products. In the second method, we can use WooCommerce blocks inside the Gutenberg editor to display products as blocks.
In this recipe, we are going to use both techniques to add and display products on custom pages.
