Vestis Docs
On this page

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.

  • Brand admin
  • Merchandiser and e-commerce
  • Needs View style, Pre sale content, Product journey mapping, Shopify product journey widget, Update brand
  • Not verified yet

Under review. This page is published while we check it against the live app, so some details may have changed.

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.

Collection & StylesStyles(select a style)Product IDProduct Journey

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.

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.