Extensions

#Getting started

In this section, you will learn how to create your first UI Extension in under a minute. By following this quick guide, you'll gain the skills needed to effectively use the UI for creating and managing UI Extensions.

#Prerequisites

Having the proper permisison to create and manage UI-Extensions (more information here).

#Access the UI-extensions management Interface

  • Navigate to the UI-extensions list, in the PIM System > Ui Extensions screenshot

#Create a New UI-extension Link

  • Click on Create > Link

  • In the form:

    • Choose a name for your extension, the name is a technical field and should not contain spaces or specials characters
    • Leave the position to the default value Product Header

    There is 3 position available for the type Link:

    • Product Header
    • Product Model Header
    • Sub-Product Model Header

    see more in positions

    • Enter a default label, this label will be displayed in the ui. You can name your extension in referebnce to its purpose (e.g., "link to ERP")
    • In the URL field, paste the following URL: https://www.google.com/search?q=%uuid%

#Test the link

Find your newly created UI-extension in the UI:

  • Product Header → At the top section of a product enrichment page (also a variant product)

You might need to refresh the page to see the button appear

  • Click on the newly created button
  • A new tab open following the configured URL. It uses the current value of the product uuid!

Congratulation, you have created your first UI-extension! Learn more about the availables types of UI-extension in the Types section.

#Administration of UI extensions

For a deeprer overview of the Ui extension administration panel and permissions, see our Help Center.