# Style product journey tab

> Preview the product journey of a style, customise how it looks and embed it on your website from the Product ID tab.

Source: https://docs.vestislabs.com/collection-style/style-digital-product-journey/

The **Product Journey** section shows the supply chain and traceability of a style as customers see it. You can preview it, open the settings that control its look, and copy the code that embeds it on your website.

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

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

> [!NOTE]
> **Product Journey** is only listed in the left menu when the feature is switched on for your brand.

## Preview the journey

The left card shows the journey for the style, using the options set for your brand (title, whether the composition, material code, supplier name and supplier city are shown, colours and corner radius). The **Actions** card on the right holds the buttons below.

If the card shows **Product Journey options not configured. Please configure in settings.**, the brand has no journey options yet. Set them in the Digital ID settings, see [Digital ID customisation in product journey](https://docs.vestislabs.com/digital-id/digital-id-customization-in-product-journey/).

## Customise the journey

1. **Click "Customize"**
   In the **Actions** card, click **Customize**. This needs the **Update brand** permission.

2. **Change the options**
   The Digital ID settings for the product journey open in a new tab. Change them there; they apply to all styles of the brand.

## Embed the journey on your website

1. **Click "Embed to your website"**
   In the **Actions** card, click **Embed to your website**. This needs the **Shopify product journey widget** permission.

2. **Copy the head code**
   In the **Embed to your website** dialog, copy the first block and paste it inside the `<head>` tag of your website. Click the copy icon; you should see **Copied to clipboard**.

3. **Copy the body code**
   Copy the second block and paste it inside the `<body>` tag of your website.

> [!TIP]
> The product journey uses the supplier tiers and materials linked to the style. Complete the supplier tiers first, see [Create a digital ID](https://docs.vestislabs.com/collection-style/create-a-digital-id/).