All Collections
Website Builder
Online Store
Website Builder: How to Display Product Categories on Separate Pages
Website Builder: How to Display Product Categories on Separate Pages

Learn how to create dedicated pages for product categories using Hostinger Website Builder

Austėja Baranauskaitė avatar
Written by Austėja Baranauskaitė
Updated over a week ago

Once you create product categories with Hostinger Website Builder, you may display them on different pages of your website in three simple steps 👇

STEP 1 – Create Pages for Your Product Categories

Create as many pages as many product categories you have. For example, if you have three product categories (e.g., Bowls, Vases, Cutlery), create three pages and name them respectively. Learn more: How to Add More Pages

STEP 2 – Insert Product Sections Into Your Category Pages

Insert Online store sections into each of your category pages. There are two types of such sections: a product list section and a single-product section. Make sure to use product list sections. By default, they display all products, but it's easy to assign a particular product category to a particular section (see STEP 3 below).

STEP 3 – Assign Particular Product Categories to Particular Product Sections

Click on the product list section and select Edit section. In the Category tab, select a preferred product category to display:

This way, with the help of product list sections, you'll display different product categories on different website pages.

After creating category pages, you may assign them to a dropdown menu within the Pages and navigation panel 💡

Did this answer your question?