How to Create a Single Product Page with WooBuilder?

PowerPack has come up with WooBuilder - An easy and flexible way to build your online store with WooCommerce and Elementor. We have added a wide range of Woo Widgets in WooBuilder that you can use to design WooCommerce single product and archive page templates.

In this doc, we will focus on creating a Single Product Page with WooBuilder.

Required Plugins: Elementor, WooCommerce, & PowerPack Add-ons For Elementor.

Go to Templates #

Go to Dashboard >> Templates >> Saved Templates.

Create a New Layout#

1. Click on Add New.
2. Now, choose the Template type as "Page" and give a name to the Template.
3. Create Template

Edit the Layout#

1. After creating the template, either choose the "Canvas" layout or keep the "Default" one as per your wish.
2. Publish the Page.

Enable WooBuilder#

1. Head over to WordPress Dashboard and go to Elementor >> PowerPack.
2. Click on WooCommerce Builder and toggle on it to enable the WooBuilder.

Choose Single Product Template#

1. After activating WooBuilder, you'll get an option to choose the Single Product Template.
2. Choose the template which we recently created.
3. Save Changes.

Edit the Single Product Template#

1. After choosing a Single Product template, you'll see an Edit option just below it (as shown in the above screenshot).
2. Click on it.
3. Now, edit the Single Product Template using Woo Widgets.
4. You'll see a whole new pack of "PowerPack - WooCommerce" widgets in Elementor Editor that you can use to design the Single Product Template of your site.

Update the Page#

1. Use the PowerPack - Woocommerce Widgets to create the design of the Single Product page.
2. Click publish to update the page.