# Style custom pages tab

> See, preview, reorder and delete the custom pages shown in a Digital Product Passport, and start a new page from the style's Product ID tab.

Source: https://docs.vestislabs.com/collection-style/style-digital-custom-pages/

The **Custom Pages** section lists the pages that add information beyond the standard passport sections, such as a brand story or sustainability page. From here you can create a page, preview what customers see, change the page order and delete pages.

**Where to find it:** Collection & Styles → Styles → (select a style) → Product ID → Custom Pages

**Requires:** permission `PRE_SALE_CONTENT,VIEW_STYLE`

> [!NOTE]
> **Custom Pages** is only listed in the left menu when the feature is switched on for your brand. The list shows all custom pages of the brand, not only those of this style.

## The page list

The table has the columns **Title**, **Status** (**Draft** or **Published**), **Collection** and **Style**. A page set for every collection shows **All Collections**; a page set for every style shows **All Styles**. If there are no pages the list reads **You don't have any custom pages created yet.**

## Create a page

1. **Click "New Page"**
   Click **+ New Page** at the top right of the list.

2. **Edit the page**
   A draft page called **New Page** is created and the page editor opens. Build the page there, see [Create custom pages](https://docs.vestislabs.com/digital-id/create-custom-pages/).

## Edit or delete a page

Click the pencil icon on a row to open the page editor. Click the trash icon to delete it; confirm **Delete Custom Page** to remove it. This cannot be undone.

## Preview the pages

Click **Preview**. In the **Custom Page Preview** dialog, select a **Collection** and a **Style** to simulate how the pages appear to customers.

## Change the page order

1. **Click "Page Order"**
   Click **Page Order** to open **Change Page Order**.

2. **Pick the collection and style**
   Select a **Collection** and a **Style**.

3. **Drag the pages**
   Drag pages inside the lists **Style Pages**, **Collection Pages** and **Brand Pages**. You should see **Page order updated**.
