Stand with Ukraine. Fight for freedom and democracy

Back to contents

JetWooBuilder: How to Create a Single Product Page Template

This step-by-step tutorial will take you through the process of creating a single product page template for your WooCommerce products using JetWooBuilder plugin.

JetWooBuilder is a perfect solution for representing WooCommerce products. You will enjoy the opportunity to customize pages and their content without digging into the code.

woocommerce products

JetWooBuilder offers you easy-to-use widgets, using which you’d be able to create eye-catching single product templates.

1 Step — Enable the Single product widgets

Firstly, in the WP Dashboard go to JetPlugins > JetWooBuilder Settings, scroll to Single Product Available Widgets block and enable the widgets you are going to use while creating a Single Product Page template.

single product widgets

2 Step — Create a template

Proceed to the JetPlugins > Jet Woo Templates tab and click the “Add New Template” button.

add new woo template

Select the “Single template” in a popup window and provide it with a title. You can also choose a layout in the Start from Layout section if you don’t know where to start. In case you want to create a Single Product page template from scratch, ignore this step.

jetwoobuilder template layout

After that, click the “Create Template” button to open the Elementor editing page.

knowledge base information iconNOTE. Actually, the pre-designed templates already contain the widgets needed for displaying the WooCommerce products, but in case the product doesn’t have all the required values, some of the widgets might be displayed incorrectly. Please, make sure you’ve added all the needed information to your WooCommerce products before you start creating a new Single product page template.
jetwoobuilder single product template in elementor

Create a splendid single template using awesome JetWooBuilder widgets and Elementor widgets board. Drag and drop the widgets you need to display information about your product, such as Single Title, Single Images, Single Add to Cart, Single Meta, etc. Make sure to create the layout you need.

Afterward, click the “Publish” button in order not to lose the changes.

3 Step — Assign the template to the page

Go back to the WordPress Dashboard and open the WooCommerce > Settings submenu. Select the Jet Woo Builder tab, scroll to the Single Product section to set a particular template for all products.

Tick the Enable custom product single page option and select a template you have recently created in the Single Product Template dropdown.

assigning single products template

Click the “Save Changes” button at the very bottom of the page.

jetwoobuilder single products layout

Now you’re done! It’s time to navigate to the website and have a look at your Single product page applied to your WooCommerce products.