How to set-up your WooCommerce product page with Elementor Pro

In this video, I will show you How to create a WooCommerce product page template with Elementor Pro.

  • First log into your WordPress admin area and make sure that Elementor Pro is installed and activated.
  • Next, hover over Elementor and click on the my templates option. From here, you will need to click on the Single product tab
  • If this is your first time you will see a big button saying: “Add new Single product”. Click on this and give a name to your template
  • Click on the create template button and wait till the editor loads up

Let’s close down the template selector, and start to build the product page. In this demo I will create a simple product page, but first let’s see the new widgets. These should let us create any type of design we wish or to help create different designs to different product categories. We have:

  • Woo breadcrumbs
  • Product title
  • Product image
  • Product price
  • Product rating
  • Product meta
  • Product stock
  • Add to cart
  • Short description
  • Product content
  • Data tabs if you prefer the tabbed information section
  • Additional information
  • Related products
  • and Upsell

{video of template being created}

Let’s hit the publish button and set the condition to the all products or the category you wish to set for the design. Let’s take a look at how it looks like originally…and with our new design. It is this easy to create a product page template with Elementor Pro.

You may also like to read one of these too: