{"id":16502,"date":"2021-10-25T20:15:42","date_gmt":"2021-10-26T00:15:42","guid":{"rendered":"https:\/\/www.seedprod.com\/?post_type=ht_kb&#038;p=16502"},"modified":"2025-10-13T18:24:02","modified_gmt":"2025-10-13T22:24:02","slug":"getting-started-with-seedprod-theme-builder","status":"publish","type":"ht_kb","link":"https:\/\/www.seedprod.com\/docs\/getting-started-with-seedprod-theme-builder\/","title":{"rendered":"Website Builder Overview"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"375\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-800x375.png\" alt=\"\" class=\"wp-image-40883\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-800x375.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-400x188.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-768x360.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-50x23.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-1536x720.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-52-31-2048x960.png 2048w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Note:<\/strong> The <strong>Website Builder<\/strong> is available in the <strong>Plus<\/strong>, <strong>Pro<\/strong> and <strong>Elite<\/strong> plans. See our <a href=\"https:\/\/www.seedprod.com\/pricing-lite\/\" title=\"\">Pricing<\/a> page for more information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is A Theme?<\/h2>\n\n\n\n<p>A theme is simply a group of graphics, styling, and function codes that make up the overall look and feel of your website. The elements in a theme include page (or section) layouts, typography, colors, the behavior of elements on the page, and other design features seen on different types of pages and sections within a page. In essence, this brings life to your site and is a big contributor to the visitors&#8217; user experience on their journey.<\/p>\n\n\n\n<p>In WordPress, a typical theme consists of a group of files (stylesheet\/CSS files, JavaScript files, and PHP files) that predefines the appearance and behavior of elements on the website. They also contain <strong>theme templates<\/strong> files (or <strong>template parts<\/strong>) that define the header, footer, sidebar, single page\/post content layout, and archive page layout. These page template variations are mostly found as a page template option in the theme options or as a page template for individual pages in their page settings&#8217; <strong>Page Attributes<\/strong> panel.<\/p>\n\n\n\n<p>As theme templates can be made with different designs and layouts, they can be combined to create a variety of page templates. These page templates can then be used to style individual pages or groups of pages throughout the website as you&#8217;d like.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5-minute Overview<\/h2>\n\n\n\n<p>Watch John Turner (Co-Founder. of SeedProd) build the SeedProd website with our new Website Builder<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"embed-responsive  embed-responsive-16by9\"><iframe loading=\"lazy\" class=\"embed-responsive-item\"   title=\"Quick Theme Builder Overview (Create WordPress Themes With No Code in SeedProd)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/bj8fQrk88iI?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Creating Themes In SeedProd Website Builder<\/h2>\n\n\n\n<p>Our new SeedProd Website Builder takes theme building to another level\u2014theme templates can now be designed quickly in our fast, easy-to-use drag-and-drop interface; no editing theme files are<strong> needed<\/strong>!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"embed-responsive  embed-responsive-16by9\"><iframe loading=\"lazy\" class=\"embed-responsive-item\"   title=\"SeedProd Theme Builder Overview\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/3IbH5xzi5Wg?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>We&#8217;ve made creating WordPress websites frustration-free by adding a bare-bone theme built into our plugin as the foundation for our website builder. This provides a clean blank slate to get creative without having to think about the possibility of theme styling conflicts or theme code issues. We&#8217;ve also extended our Global Setting feature to customize the default styling of all elements throughout the site in a live sample preview. With these fundamental features, you can focus more on designing your website and less time on troubleshooting styling issues.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SeedProd Pre-Made Themes (Recommended for Beginners)<\/h2>\n\n\n\n<p>You can create beautiful websites quickly with a variety of pre-made SeedProd themes we will have for different industries and occasions. Like our landing page and coming soon templates, new themes and theme templates will be added regularly; stay tuned for more awesome website designs!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Our Starter Theme<\/h3>\n\n\n\n<p>Our Starter Theme is a basic yet elegant ready-made theme with all the necessary theme templates to help you get started. It includes a homepage template, header, footer, sidebar, single post template, single page template, and archive template. By default, this archive template is used for the blog page, search results page, and all other archive pages on the site.<\/p>\n\n\n\n<p>Once you have loaded this theme into your site, you can jump right into designing your unique website with SeedProd Website Builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating Theme Templates (Advanced Users)<\/h2>\n\n\n\n<p>We&#8217;ve made it simple to create responsive and dynamic theme templates in SeedProd.<\/p>\n\n\n\n<p>Our <strong>Template Tags <\/strong>feature allows you to pull in dynamic post data (such as post title, post information, featured image, post navigation, etc.) into your templates.<\/p>\n\n\n\n<p>To get started, you can follow these quick steps below to create any of the available theme templates on your site.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>SeedProd > Website Builder<\/strong> in your WP admin dashboard and click the <strong>Add New Template<\/strong> button at the top of the page.<br><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1130\" class=\"wp-image-40884\" style=\"width: px;\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-scaled.png\" alt=\"\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-scaled.png 2560w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-400x177.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-800x353.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-768x339.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-50x22.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-1536x678.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-09-54-56-2048x904.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/li>\n\n\n\n<li>In the <strong>New Template<\/strong> modal box, you can choose the template type you would like to create and set the <a href=\"#template-conditions\" title=\"template conditions\">template conditions<\/a> for this template.<br><img loading=\"lazy\" decoding=\"async\" width=\"1828\" height=\"1118\" class=\"wp-image-40885\" style=\"width: px;\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM.png\" alt=\"\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM.png 1828w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM-400x245.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM-800x489.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM-768x470.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM-50x31.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Screenshot-2025-10-09-at-95854-AM-1536x939.png 1536w\" sizes=\"auto, (max-width: 1828px) 100vw, 1828px\" \/><br><\/li>\n\n\n\n<li>Clicking <strong>Create Template<\/strong> will automatically direct you to the SeedProd Builder and begin creating your template design. Don&#8217;t forget to explore our pre-built sections you can use in your custom template!<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A Header<\/h3>\n\n\n\n<p>You can create a header template by selecting the <strong>Header<\/strong> Type option in the <strong>New Theme Template <\/strong>modal box. You may also set the header template conditions and priority here to determine when and where this template will be shown.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"611\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-02-35-800x611.png\" alt=\"\" class=\"wp-image-40887\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-02-35-800x611.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-02-35-400x306.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-02-35-768x587.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-02-35-50x38.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-02-35.png 1526w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>After completing your header template setup, click <strong>Save<\/strong> to start designing your header in the SeedProd Builder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A Footer<\/h3>\n\n\n\n<p>Like your header template, you can create a footer template by selecting the <strong>Footer<\/strong> Type option in the <strong>New Theme Template <\/strong>modal box. You may also set the footer template conditions and priority here to determine when and where this template will be shown.<\/p>\n\n\n\n<p>After completing your footer template setup, click <strong>Save<\/strong> to start designing your footer in the SeedProd Builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"562\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08-800x562.png\" alt=\"\" class=\"wp-image-40888\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08-800x562.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08-400x281.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08-768x539.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08-50x35.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08-1536x1078.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-05-08.png 1684w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A Dynamic Single Post Template<\/h3>\n\n\n\n<p>Creating a single post template is just as easy using the same steps as creating a header\/footer template. For this process, you&#8217;ll select the <strong>Single Post<\/strong> type option in the <strong>New Theme Template<\/strong> modal box and set up the conditions for this template. After completing your single post template setup, click <strong>Save<\/strong> to begin designing your single post template.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>IMPORTANT:&nbsp;<\/strong>As a single post template is a dynamic template, the&nbsp;<strong>Post Content<\/strong>&nbsp;template tag must be used in your post template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"551\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48-800x551.png\" alt=\"\" class=\"wp-image-40889\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48-800x551.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48-400x276.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48-768x529.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48-50x34.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48-1536x1059.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-33-48.png 1706w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A Dynamic Single Page Template<\/h3>\n\n\n\n<p>A <strong>Single Page <\/strong>template can be created using the same steps as creating a <strong>Single Post<\/strong> template. To begin, you&#8217;ll select the <strong>Single Page <\/strong>type option in the <strong>New Theme Template<\/strong> modal box and set up the theme conditions for this template. After completing your single page template setup, click <strong>Save<\/strong> to begin designing your single page template.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>IMPORTANT:<\/strong> As a single page template is also a dynamic template, the <strong>Post Content <\/strong>template tag must be used in your page template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"585\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02-800x585.png\" alt=\"\" class=\"wp-image-40890\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02-800x585.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02-400x292.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02-768x561.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02-50x37.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02-1536x1123.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-35-02.png 1606w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create a Dynamic Archive Template<\/h3>\n\n\n\n<p>An archive template (unlike a single post\/page template) is used to show a list of single posts for taxonomies and their terms. These templates in WordPress are generally used for the blog page, post categories, and post tags. Archive templates can also be applied to other custom taxonomies and terms for a custom post type (CPT).<\/p>\n\n\n\n<p>To create templates for your archive pages, select the&nbsp;<strong>Archive&nbsp;<\/strong>type option in the&nbsp;<strong>New Theme Template<\/strong>&nbsp;modal box and set up the theme conditions for this template. After completing your archive template setup, click&nbsp;<strong>Save<\/strong>&nbsp;to begin designing your single post template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"569\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26-800x569.png\" alt=\"\" class=\"wp-image-40892\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26-800x569.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26-400x284.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26-768x546.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26-50x36.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26-1536x1092.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-36-26.png 1626w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>IMPORTANT:<\/strong> An archive page template is a dynamic template for showing posts, the <strong>Posts<\/strong> template tag must be used in your archive template.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A Search Results Page Template<\/h3>\n\n\n\n<p>A search results page template can be created using the same steps in creating an archive template.<\/p>\n\n\n\n<p>To create your search results page template, select the&nbsp;<strong>Search Results&nbsp;<\/strong>type option in the&nbsp;<strong>New Theme Template<\/strong>&nbsp;modal box and set the theme conditions to&nbsp;<strong>Include | Search Results<\/strong>&nbsp;for this template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"591\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52-800x591.png\" alt=\"\" class=\"wp-image-40893\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52-800x591.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52-400x296.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52-768x568.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52-50x37.png 50w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52-1536x1136.png 1536w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/Annotation-on-2025-10-09-at-10-37-52.png 1680w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>After completing your search results template setup, click&nbsp;<strong>Save<\/strong>&nbsp;to begin designing your search results page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating WooCommerce Templates<\/h2>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>Note:<\/strong> The <strong>WooCommerce templates and blocks<\/strong> are available in the <strong>Elite<\/strong> license plan. See our <a href=\"https:\/\/www.seedprod.com\/pricing-lite\/\" title=\"\">Pricing<\/a> page for more information.<\/p>\n\n\n\n<p>WooCommerce templates follow a slightly different approach from your usual WordPress theme template for all its pages.<\/p>\n\n\n\n<p>WooCommerce uses special sections (such as product prices, quantities, add-to-cart buttons) and functions to add its eCommerce functionalities only found on its pages and in its templates. These include the&nbsp;<strong>shop page<\/strong>,&nbsp;<strong>product archive page template<\/strong>,&nbsp;<strong>single product page template<\/strong>,&nbsp;<strong>Cart page<\/strong>,&nbsp;<strong>Checkout page<\/strong>&nbsp;and the&nbsp;<strong>My Account page<\/strong>.<\/p>\n\n\n\n<p>In our new SeedProd Website Builder, you can use our existing WooCommerce blocks to create your own custom Shop page, product archive template, Cart page, and Checkout page. Be sure to check out our\u00a0<a class=\"heroickb_exit_link\" href=\"?hkb-redirect&#038;nonce=332379f0df&#038;check=1h585&#038;redirect=https%3A%2F%2Fwww.seedprod.com%2Fdocs-categories%2Fwoocommerce%2F&#038;otype=unknown&#038;oid=0&#038;source=block-content\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce category<\/a>\u00a0for articles on all our WC blocks to create your stunning store.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-woocommerce-blocks.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>We\u2019ll be adding more blocks to create single product page templates in our upcoming plugin releases.&nbsp;<strong>Stay tuned!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create Product Archive Template<\/h3>\n\n\n\n<p>To create a product archive template for your product archive pages, select the<strong>&nbsp;Archive Product&nbsp;<\/strong>type option in the&nbsp;<strong>New Theme Template<\/strong>&nbsp;modal box and set up the theme conditions for this template. After completing your product archive template setup, click&nbsp;<strong>Save<\/strong>&nbsp;to begin designing your product archive template.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>IMPORTANT:<\/strong>&nbsp;As the product archive template is a dynamic template for showing products, the&nbsp;<a href=\"https:\/\/www.seedprod.com\/docs\/products-grid\/\"><strong>Products Grid<\/strong><\/a>&nbsp;block must be used in this archive template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-how-to-add-product-archive-template.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A Shop Page<\/h3>\n\n\n\n<p>A shop page can be considered as a special product archive page for showing all products in your store. However, creating this WooCommerce page template in SeedProd follows a different approach.<\/p>\n\n\n\n<p>You can start by creating a new&nbsp;<strong>Custom Page<\/strong>&nbsp;template with the specific conditions to include the page with the slug of the assigned WooCommerce shop page. By default, the shop page has the slug&nbsp;<strong>\u201cshop\u201d<\/strong>, so the template conditions may follow the syntax&nbsp;<strong>Include | Pages | shop&nbsp;<\/strong>as seen in our screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-how-to-create-shop-page-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>After completing your shop page template setup, click&nbsp;<strong>Save<\/strong>&nbsp;to begin designing your shop page.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>IMPORTANT:&nbsp;<\/strong>As the WooCommerce Shop page is also a product archive page of the entire store, the&nbsp;<a href=\"https:\/\/www.seedprod.com\/docs\/products-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Products Grid<\/strong><\/a>&nbsp;block must be used to show the products.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A WooCommerce Cart Page<\/h3>\n\n\n\n<p>The Cart page is another special page in WooCommerce which shows all the product items added to the cart.<\/p>\n\n\n\n<p>To get started, create a new&nbsp;<strong>Custom Page<\/strong>&nbsp;template with the specific conditions to include the page with the slug of the assigned WooCommerce Cart page. By default, the cart page has the slug&nbsp;<strong>\u201ccart\u201d<\/strong>, so the template conditions may follow the syntax&nbsp;<strong>Include | Pages | cart<\/strong>.<\/p>\n\n\n\n<p>After completing your cart page template setup, click&nbsp;<strong>Save<\/strong>&nbsp;to begin designing your Cart page.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>NOTE:<\/strong>&nbsp;The <strong>WooCommerce&nbsp;<a href=\"https:\/\/www.seedprod.com\/docs\/cart\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cart<\/a>&nbsp;block<\/strong> must be used in the Cart page template for the cart functionality to work properly<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How To Create A WooCommerce Checkout Page<\/h3>\n\n\n\n<p>The Checkout page is another special page in WooCommerce used to complete the purchases by the customer.<\/p>\n\n\n\n<p>To create a Checkout page in SeedProd, create a new&nbsp;<strong>Custom Page<\/strong>&nbsp;template with the specific conditions to include the page with the slug of the assigned WooCommerce Checkout page. By default, the checkout page will have the slug&nbsp;<strong>\u201ccheckout\u201d<\/strong>. This means that the template conditions may follow the syntax&nbsp;<strong>Include | Pages | checkout<\/strong>.<\/p>\n\n\n\n<p>After completing your Checkout page template setup, click&nbsp;<strong>Save<\/strong>&nbsp;to begin designing your checkout page.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>NOTE:<\/strong>&nbsp;The <strong>WooCommerce Checkout block<\/strong> must be used in the Checkout page template for orders to be processed properly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Template Conditions<\/h2>\n\n\n\n<p>Template conditions give you total control over when and where each theme template will appear on your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-do-template-conditions-work\"><strong>How Do Template Conditions Work<\/strong><\/h3>\n\n\n\n<p>Each condition gives you the option to include or exclude the template based on the specified post type, or archive type, single post, single page, or taxonomy (eg. category, tags). You may also target group child posts or pages based on their hierarchy level under their top-level post\/page.<\/p>\n\n\n\n<p>We\u2019ve also added a&nbsp;<strong>Priority<\/strong>&nbsp;field to better manage theme templates with overlapping conditions. This value (the default being&nbsp;<strong>10<\/strong>) determines the order in which overlapping templates will be applied. The first template in this order will have the&nbsp;<strong>lowest<\/strong>&nbsp;priority number and the last template with the&nbsp;<strong>highest<\/strong>&nbsp;priority number.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-priority.png\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\"><strong>USE CASE:<\/strong>&nbsp;You may want to use a specific header template for your blog posts, a different header for pages, and another for your home\/front page. In this use case, you can&nbsp;<strong>include<\/strong>&nbsp;a header template only for&nbsp;<strong>Posts<\/strong>,&nbsp;<strong>include<\/strong>&nbsp;the other general header template for&nbsp;<strong>Pages<\/strong>, and&nbsp;<strong>include<\/strong>&nbsp;the home page header template for&nbsp;<strong>Front Page<\/strong>.<br><br>As the front page header template condition will overlap the general header template condition for pages, you can set the priority for your front page header template with a higher priority number (eg.&nbsp;<strong>20<\/strong>). This higher priority allows the front page header template to show while overriding the pages header template with the default priority of&nbsp;<strong>10<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How To Set Conditions For A Template<\/h3>\n\n\n\n<p>You can quickly set the template conditions for the new theme template under the&nbsp;<strong>Conditions&nbsp;<\/strong>section in the&nbsp;<strong>New Theme Template&nbsp;<\/strong>modal box. Within this modal box, you can set your include or exclude condition rules based on the available&nbsp;<strong>Type<\/strong>&nbsp;options. You may also drill down to a specific post, page, or taxonomy within the selected type using its&nbsp;<strong>slug<\/strong>&nbsp;or&nbsp;<strong>ID<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-how-to-set.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>You can also edit the conditions for a template you\u2019ve already created with the same conditions functionality seen while adding a new theme template. To do this, please follow the steps below.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to\u00a0<strong>SeedProd > Website Builder<\/strong>\u00a0and hover over the title of the theme template you want to edit conditions for. Then, click on the\u00a0<strong>Edit Conditions<\/strong>\u00a0link.<br><img loading=\"lazy\" decoding=\"async\" width=\"1370\" height=\"700\" class=\"wp-image-16515\" style=\"width: px;\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-1.png\" alt=\"\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-1.png 1370w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-1-400x204.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-1-800x409.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-1-768x392.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-1-50x26.png 50w\" sizes=\"auto, (max-width: 1370px) 100vw, 1370px\" \/><\/li>\n\n\n\n<li>Within the&nbsp;<strong>Edit Conditions&nbsp;<\/strong>modal box, you can modify the existing theme template\u2019s conditions under the&nbsp;<strong>Conditions&nbsp;<\/strong>section. Click&nbsp;<strong>Save<\/strong>&nbsp;when you\u2019re finished to save these changes.<br><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"700\" class=\"wp-image-16516\" style=\"width: px;\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-2.png\" alt=\"\" srcset=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-2.png 972w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-2-400x288.png 400w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-2-800x576.png 800w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-2-768x553.png 768w, https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-edit-2-50x36.png 50w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/><\/li>\n\n\n\n<li><strong>That\u2019s it!&nbsp;<\/strong>Your new template conditions will be applied immediately across your site.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">How To Check Template Conditions<\/h3>\n\n\n\n<p>You can quickly check the current template conditions for any template while on the\u00a0<strong>SeedProd > Website Builder<\/strong>\u00a0admin page. The current conditions value can be found under the\u00a0<strong>Conditions<\/strong>\u00a0column within the row of the theme template is checked.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.seedprod.com\/wp-content\/uploads\/2021\/10\/seedprod-theme-builder-theme-conditions-column.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Would you like to use your email marketing platform in SeedProd? Check out our&nbsp;<a class=\"heroickb_exit_link\" href=\"?hkb-redirect&#038;nonce=332379f0df&#038;check=4mf1k&#038;redirect=https%3A%2F%2Fwww.seedprod.com%2Fdocs-categories%2Femail-integration%2F&#038;otype=unknown&#038;oid=0&#038;source=block-content\" target=\"_blank\" rel=\"noreferrer noopener\">Email Integration documentation<\/a>&nbsp;to help you get started.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What Is A Theme? A theme is simply a group of graphics, styling, and function codes that make up the overall look and feel of your website. The elements in a theme include page (or section) layouts, typography, colors, the behavior of elements on the page, and other design features seen on different types of [&hellip;]<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"limit_modified_date":"","last_modified_date":"","inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[3513,3776],"ht-kb-tag":[],"class_list":["post-16502","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-getting-started","ht_kb_category-theme-builder"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/ht-kb\/16502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/comments?post=16502"}],"version-history":[{"count":7,"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/ht-kb\/16502\/revisions"}],"predecessor-version":[{"id":40920,"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/ht-kb\/16502\/revisions\/40920"}],"wp:attachment":[{"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/media?parent=16502"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/ht-kb-category?post=16502"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.seedprod.com\/wp-json\/wp\/v2\/ht-kb-tag?post=16502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}