> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.bitbybit.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add a Product Collection

Easily add a new product collection to showcase your offerings with visually engaging layouts. This guide walks you through the steps to set up and customize your collections to match your brand’s look.

## **Step 1: Access your** [**bitApp dashboard**](https://app.bitbybit.studio/bitapp/design)

## **Step 2: Drag and drop Collections element**

* Drag and drop the \*\*Collections \*\*in your mobile mockup then it will appear in the sidebar.

<img src="https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66de941c4e2eb7c1274dd25d_AD_4nXdYGGJ-8Sncq74JgcPh0h94W26yZck5Z4jMiPQot0VArAXiC5TsZYLBe12S-H5H9_P0V4agqY38EqfWB-UygLTGSTLU-HUKPOv2lu9FYxq63Ewp7cPfRTeHrzoZ63afvYgjXXtkH2wZuBe5weN-bm3hfpfz.png" alt="" />Drag and drop the “Collections” in your mobile mockup‍

## **Step 3: Fill in Collections details**

* Fill in **Collections Title** and choose **Collections Title** in the dropdown.

<img src="https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66de941c2ef2b2f5c885d2a2_AD_4nXez8ktc9YBSnX93DqE0obVTo6kLKWnzv1pvOf3CVGNraR2GLNtYwuMd9-K3VQOWFM5vz0iKfv2bIwFZrm6s4fTWXNet-jxqGLr67BNFL9mzB82I02F69ByHlwHq46W-vx1HadDLU4JU2be-SlWR3VxUt5wr.png" alt="" />Fill in **Collections Title** and choose **Collections Title**

## **Step 4: Set the number of products**

* Set your **Number of products displayed** then click **Save**.

<img src="https://cdn.prod.website-files.com/659655f5b20d395a5c69efcf/66de941ccdbecf88f8cb6b86_AD_4nXfmewhg0R4yxbE_Qjq_6nv_5PUohp9hgIW5bBmotzPidYHOVtXjXl78iELeP6g85PnHIX5OJBEYQpw5jXwJk385VfFOVLhtLUBhed2v4ZATJbg_xO5azEn3qoo81kDFE1Ia_aMx9ya3tMKW9jEcLMP_uvu9.png" alt="" />Set **Number of products displayed** and click **Save**