{"id":4457,"date":"2022-05-26T10:35:00","date_gmt":"2022-05-26T10:35:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=4457"},"modified":"2026-01-09T11:23:47","modified_gmt":"2026-01-09T11:23:47","slug":"jetwoobuilder-how-to-create-and-set-a-single-product-page-template","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/","title":{"rendered":"How to Create a Single Product Page Template"},"content":{"rendered":"\n

The JetWooBuilder<\/em> plugin allows the representation of WooCommerce products and the customization of the template without coding. Also, it offers easy-to-use widgets for creating a single product template.<\/p>\n\n\n\n

For the single product template, that\u2019s enough to have the JetWooBuilder <\/em>plugin, but if you want to create a page template with a header, body, and footer<\/a>, JetThemeCore<\/em><\/a> <\/em>is required.<\/p>\n\n\n\n

How to Create a Single Product Template with the JetWooBuilder Plugin<\/strong><\/h2>\n\n\n\n
\n

Enable the single product widgets<\/strong><\/h3>\n\n\n\n

Go to WordPress Dashboard ><\/em><\/strong> Crocoblock > JetPlugins Settings > JetWooBuilder > Widgets<\/em><\/strong>, scroll to the Single Product Widgets <\/strong>block, and enable the widgets you will use while creating a Single Product template.<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

Deactivate not needed widgets to optimize the website\u2019s work.<\/p><\/div><\/div>\n\n\n\n

\"single<\/a><\/div>\n\n\n\n

Create a template<\/strong><\/h3>\n\n\n\n

Proceed to the WordPress Dashboard > Crocoblock ><\/em><\/strong> <\/em>Woo Page Builder<\/em><\/strong> tab and click the \u201cCreate New Template<\/strong>\u201d button.<\/p>\n\n\n\n

In the appeared pop-up, select the \u201cSingle\u201d option in the This Template For <\/strong>field and set the preferred Template Name<\/strong>, for example, \u201cSingle Product Template.\u201d<\/p>\n\n\n\n

You can also pick the predefined template in the Select Layout Preset <\/strong>section. <\/p>\n\n\n\n

Then, press the \u201cCreate Template<\/strong>\u201d button to proceed to the Elementor editor.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

All the previously activated widgets can be found under the JetWooBuilder <\/strong>title.<\/p>\n\n\n\n

\"jetwoobuilder<\/a><\/div>\n\n\n\n

Create a single template using the JetWooBuilder <\/em>widgets and Elementor widgets board (i.e., the Single Title, Single Images, Single Add to Cart, Single Meta<\/strong>, etc.). Drag and drop the widgets you need to display information about your product.<\/p>\n\n\n\n

\"single<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

You can also hide the template title so it will not be visible on the front-end. To do so, press the \"gear<\/strong>\" button to open the Jet Woo Single Template Settings<\/strong> and enable the Hide Title<\/strong> toggle.<\/p><\/div><\/div>\n\n\n\n

\"hide<\/a><\/div>\n\n\n\n

When the template is ready, click the \u201cUpdate<\/strong>\u201d button to save the changes.<\/p>\n\n\n\n

Assign the template to WooCommerce<\/strong><\/h3>\n\n\n\n

Go back to the WordPress Dashboard ><\/em><\/strong> WooCommerce > Settings<\/em><\/strong> submenu. Select the JetWooBuilder<\/strong> tab and scroll to the Single Product<\/strong> section to set a particular template for all products.<\/p>\n\n\n\n

Tick the Enable custom product single page<\/strong> option and select a template you have recently created in the Single Product Template<\/strong> dropdown.<\/p>\n\n\n\n

\"single<\/a><\/div>\n\n\n\n

Don\u2019t forget to click the \u201cSave changes<\/strong>\u201d button at the very bottom of the page.<\/p>\n\n\n\n

Proceed to the front end and check how products look with the newly created Single Template.<\/p>\n\n\n\n

\"result<\/a><\/div>\n<\/div><\/div>\n\n\n\n

How to Create a Single Product Page Template with the JetThemeCore Plugin<\/strong><\/h2>\n\n\n\n
<\/svg><\/div>
Things to know<\/div>

To implement the following workflow, the JetThemeCore<\/i><\/a> plugin should be installed and activated.<\/p><\/div><\/div>\n\n\n\n

The JetThemeCore<\/em> is the WordPress builder for the Elementor and Gutenberg editor, with the help of which you can create a page template with a header, footer, and the JetWooBuilder <\/em>template as a body.<\/p>\n\n\n\n

Activate the single product widgets<\/strong><\/h3>\n\n\n\n

Go to WordPress Dashboard ><\/em><\/strong> Crocoblock > JetPlugins Settings > JetWooBuilder > Widgets<\/em><\/strong>, scroll to the Single Product Widgets <\/strong>block, and enable the widgets you will use while creating a Single Product template.<\/p>\n\n\n\n

\"single<\/a><\/div>\n\n\n\n

Build a template<\/strong><\/h3>\n\n\n\n

You can create a template with the help of the JetWooBuilder<\/em> plugin, as we described in the first part of the tutorial, or via JetThemeCore,<\/em> as shown below.<\/p>\n\n\n\n

Move to the WordPress Dashboard > Crocoblock > Theme Templates <\/em><\/strong>tab and hit the \u201cAdd New\u201d <\/strong>button.<\/p>\n\n\n\n

\"theme<\/a><\/div>\n\n\n\n

In the appeared pop-up, select the \u201cSingle Product\u201d Template Type<\/strong>, choose the preferred Template Content Type<\/strong>, and enter the Template Name<\/strong>. Then, press the \u201cCreate Template\u201d <\/strong>button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

Fill the single template with the content using the JetWooBuilder <\/em>widgets and Elementor widgets panel. Drag and drop the widgets you need to customize the WooCommerce product page, such as Single Title, Single Images, Single Add to Cart, Single Meta<\/strong>, etc.<\/p>\n\n\n\n

\"single<\/a><\/div>\n\n\n\n

When you finish, push the \u201cUpdate\u201d <\/strong>button.<\/p>\n\n\n\n

Create a page template<\/strong><\/h2>\n\n\n\n

Go to the WordPress Dashboard > Crocoblock > Theme Builder <\/em><\/strong>tab, and click the \u201cCreate new page template\u201d <\/strong>button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

In the pop-up, hit the \u201cAdd Condition\u201d <\/strong>button, and choose the \u201cInclude,\u201d \u201cWooCommerce,\u201d and \u201cSingle Product\u201d options. In the last field, you may select the \u201cAll\u201d option to attach the page template to all products or pick several products separately.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

You can also add one more condition and exclude some products. For that, choose \u201cExclude,\u201d \u201cWooCommerce,\u201d and \u201cSingle Product,\u201d and in the last window, select the names of the products.<\/p>\n\n\n\n

Proceed to this tutorial if you want to know more about the template conditions<\/strong><\/a>. For instance, you can create dedicated templates for different devices, user roles, and requests.<\/p>\n\n\n\n

When you\u2019re done, click the \u201cCreate\u201d<\/strong> button.<\/p>\n\n\n\n

In the newly created page template, click on the \u201cAdd body\u201d <\/strong>button. You can create a brand new template for the page or add the existing one. Now, hit the \u201cAdd from library\u201d <\/strong>button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

Select the previously created template from the Template Library<\/strong>. As shown below, you can add either JetWooBuilder <\/em>or JetThemeCore <\/em>templates to the page.<\/p>\n\n\n\n

\"template<\/a><\/div>\n\n\n\n

Then, add a header and footer from the library or create new ones. In that case, we have dedicated tutorials about header<\/strong><\/a> and footer<\/strong><\/a> creation.<\/p>\n\n\n\n

\"built<\/a><\/div>\n\n\n
<\/svg><\/div>
Warning<\/div>

You should not attach the Single Product Page template to the WooCommerce settings like when creating a template with JetWooBuilder<\/i> (the Assign the template to WooCommerce<\/a> step) because you have already set the condition in the JetThemeBuilder directory.<\/p><\/div><\/div>\n\n\n\n

Proceed to the front end and check how products look with the newly created Single Page template.<\/p>\n\n\n\n

\"product<\/a><\/div>\n\n\n\n

Also, check the How to Create Products Archive Template<\/strong><\/a> <\/strong>tutorial to know how to display all products on one page.<\/p>\n<\/div><\/div>\n\n\n\n

That\u2019s all. Now you know how to create a single product template with the JetWooBuilder <\/em>and JetThemeCore <\/em>plugins.<\/p>\n","protected":false},"excerpt":{"rendered":"

This step-by-step tutorial will take you through creating a WooCommerce product page using the JetWooBuilder plugin or, additionally, a page template with a header and footer using the JetThemeCore plugin functionality.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[522],"yoast_head":"\nHow to Create a Single Product Page Template \u2014 JetWooBuilder | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to create a single product page template for WooCommerce products. Build a page template with a header and footer using the JetThemeCore WordPress plugin functionality.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Single Product Page Template \u2014 JetWooBuilder | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a single product page template for WooCommerce products. Build a page template with a header and footer using the JetThemeCore WordPress plugin functionality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T11:23:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/09\/single-product-widgets-toggles-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/\",\"name\":\"How to Create a Single Product Page Template \u2014 JetWooBuilder | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-05-26T10:35:00+00:00\",\"dateModified\":\"2026-01-09T11:23:47+00:00\",\"description\":\"Learn how to create a single product page template for WooCommerce products. Build a page template with a header and footer using the JetThemeCore WordPress plugin functionality.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Single Product Page Template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Single Product Page Template \u2014 JetWooBuilder | Crocoblock","description":"Learn how to create a single product page template for WooCommerce products. Build a page template with a header and footer using the JetThemeCore WordPress plugin functionality.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Single Product Page Template \u2014 JetWooBuilder | Crocoblock","og_description":"Learn how to create a single product page template for WooCommerce products. Build a page template with a header and footer using the JetThemeCore WordPress plugin functionality.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/","og_site_name":"Help Center","article_modified_time":"2026-01-09T11:23:47+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/09\/single-product-widgets-toggles-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/","name":"How to Create a Single Product Page Template \u2014 JetWooBuilder | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-05-26T10:35:00+00:00","dateModified":"2026-01-09T11:23:47+00:00","description":"Learn how to create a single product page template for WooCommerce products. Build a page template with a header and footer using the JetThemeCore WordPress plugin functionality.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create a Single Product Page Template"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/4457"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=4457"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=4457"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=4457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}