{"id":740,"date":"2022-11-09T08:40:03","date_gmt":"2022-11-09T08:40:03","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/11\/09\/6721626-hostinger-website-builder-how-to-display-product-categories-on-separate-pages\/"},"modified":"2026-03-16T12:12:04","modified_gmt":"2026-03-16T12:12:04","slug":"6721626-hostinger-website-builder-how-to-display-product-categories-on-separate-pages","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6721626-hostinger-website-builder-how-to-display-product-categories-on-separate-pages\/","title":{"rendered":"Hostinger Website Builder: How to Display Product Categories on Separate Pages"},"content":{"rendered":"<p class=\"no-margin\">Once you <b><a class=\"intercom-content-link\" href=\"\/support\/6538359-website-builder-how-to-create-product-categories\" target=\"_blank\" rel=\"noopener\">create product categories<\/a> <\/b>with <b>Hostinger Website Builder<\/b>, you may display them on different pages of your website in three simple steps &#128071;<\/p><h2 id=\"h_b9d50c51da\">Step 1 &ndash; Create Pages for Your Product Categories<\/h2><p class=\"no-margin\">Create as many pages as many product categories you have. For example, if you have three product categories (e.g., <i>Bowls<\/i>,<i> Vases<\/i>,<i> Cutlery<\/i>), create three pages and name them respectively. Learn more: <b><a class=\"intercom-content-link\" href=\"\/support\/6456705-website-builder-how-to-add-more-pages\" target=\"_blank\" rel=\"noopener\">How to Add More Pages<\/a><\/b><\/p><h2 id=\"h_feeb88bb56\">Step 2 &ndash; Insert Product Sections Into Your Category Pages<\/h2><p class=\"no-margin\">Insert <b><a class=\"intercom-content-link\" href=\"\/support\/6538352-website-builder-product-sections\" target=\"_blank\" rel=\"noopener\">Online store<\/a><\/b> sections into each of your category pages. There are two types of eCommerce sections: a product list section and a single-product section. Make sure to use <b>product list sections<\/b>. By default, they display all products, but it&rsquo;s easy to assign a particular product category to a particular section (see below).<\/p><h2 id=\"h_7af91d02bb\">Step 3 &ndash; Assign Particular Product Categories to Particular Product Sections<\/h2><p class=\"no-margin\">Click on the product list section and select <b>Edit section<\/b>. In the<b> Filters <\/b>tab, select a preferred product category to display:<\/p><div class=\"intercom-container intercom-align-center\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7150 \" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/filter.png\" alt=\"\" width=\"514\" height=\"417\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/filter.png 367w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2025\/12\/filter-300x244.png 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/div><p class=\"no-margin\">This way, with the help of product list sections, you&rsquo;ll display different product categories on different website pages.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">After creating category pages, you may assign them to a <b><a class=\"intercom-content-link\" href=\"\/support\/6456916-website-builder-how-to-add-a-dropdown-menu\" target=\"_blank\" rel=\"noopener\">dropdown menu<\/a><\/b> within the <b>Pages and navigation<\/b> panel &#128161;<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create dedicated pages for product categories using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[286],"tags":[],"class_list":["post-740","post","type-post","status-publish","format-standard","hentry","category-online-store"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6721626-hostinger-website-builder-how-to-display-product-categories-on-separate-pages\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6721626-hostinger-creador-de-sitios-web-como-mostrar-categorias-de-productos-en-paginas-separadas\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6721626-hostinger-createur-de-sites-web-comment-afficher-les-categories-de-produits-sur-des-pages-separees\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6721626-hostinger-svetainiu-kurimo-irankis-kaip-atvaizduoti-produktu-kategorijas-skirtinguose-puslapiuose\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6721626-hostinger-criador-de-sites-como-exibir-categorias-de-produtos-em-paginas-separadas\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/740\/revisions"}],"predecessor-version":[{"id":7151,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/740\/revisions\/7151"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}