How To Create a Single Product Page With WooBuilder?

PowerPack Elementor Addons 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 Template.
2. Now, choose the Template type as "Single 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. Open your WordPress Dashboard in a new window/tab 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 you've 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.

Note: If you're unable to see the Woo Widgets after activating the Woo Builder, go to Elementor >> PowerPack >> Elements. Once there, ensure all the Woo Widgets are enabled.

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.