Articles in this category

Create your own categories page on your Subbly website

Jun Hyeok Yang Updated by Jun Hyeok Yang

Do you have different types of products and want to offer to your customers the best experience? You can learn how to create a layout to show different categories on your Subbly site!

Creating your own categories layout on your Subbly website

The first step is to create your products and tag them.

If you don't know how to tag your products, check out this article.

Now that we have the products created and tagged. Let's open our website builder. Once there, access your Dashboard > Pages.

We need to create a Products page to make this happen.

After we create the page, it is time to add the categories, and we will achieve this by using the Image element and adding the Paragraph element inside.

You can use images with text included if you don't want to use the Paragraph element, just like the last image with the text 'OTHER'.

Now, let's create the pages below the main shop page, and we will that we need to show all the products related to that category. We will follow the process until we have something like this.

After creating the pages, we will go to each one of them, add the Products element, and filter them by the tags we added before to our products.

To achieve this, right-click the element > Edit Products (Gear Icon) > Options. And scroll down until you see the 'Filter by Tag' option.

Select the tag that corresponds to the page, and all products with the tag will appear. Repeat the process with the rest of the pages, and now, the last step.

If you want to know more about how to set up your Products element, check out this article.

What's next? We need to link these Paragraph elements to each one of the pages. If you double-click the Paragraph element, you will see this icon. Click it, and select the Internal option as the following screenshot shows.

From there, you just need to select the page that corresponds to the category. Following the example, the one named 'Category: dog' should redirect your customers to the Dogs page.

Repeat this process with the rest of the elements and you'll be done!

If you decided to use images with the text included, you just need to right-click the image > Edit Link > Internal > Select the page.

And now you have a categories page to offer the best possible experience to your customers!

Did you find this difficult? Reach out to our customer support to get further assistance!

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free