Skip to main content
Version: 8.2

Set up a Next best offer component

Level: beginner

Use Next best offer components to display any kind of data connected to the record in a structured format. This is particularly useful for next best offers in banking and organizing sales but is not limited to that.

Example

Set up the Next best offer component that displays products on the opportunity page. Enable users to open the product page by clicking on the component.

Fig. 1 Set up a Next best offer component
Fig. 1 Set up a Next best offer component
  1. Drag the Next best offer component to the canvas and open the component setup area. Creatio will pre-configure the component to display products.
  2. View the Object parameter. Out of the box, Next best offer.
  3. View the Caption parameter. This populates the component title between info lookup and description. Out of the box, Name.
  4. View the Description parameter. This populates the component description at the bottom. Out of the box, Short description.
  5. View the Info lookup parameter. This populates the text above the title. Out of the box, Type.
  6. View the Image parameter. This populates the component image. Out of the box, Product picture.
  7. View the Label parameter. This populates the green label in the bottom right. Out of the box, Score.
  8. Click the btn_add.png icon next to the Apply filter by page data parameter. This opens the connection setup parameters.
    1. Select Opportunity in the Data source parameter.
    2. Select Contact in the Opportunity parameter.
    3. Select Contact in the Next best offer parameter.
  9. Select whether to display the component as a single-cell carousel or a grid gallery in the Display mode parameter. For this example, leave it as carousel.
  10. Select the Open specific page by clicking on the caption checkbox.
  11. View the Which page to open? parameter. Out of the box, Products form page.
  12. View the Record identifier parameter. Out of the box, Product.
  13. View the unique component code in the page schema in the Element code parameter. Creatio uses this code in page schemas. You can change it if needed. This helps software developers to customize the app easier, especially if you have multiple similar components on the page. For this example, leave the code as is.

As a result, Creatio will add the Next best offer component that displays recommended products to the opportunity page. Users will be able to open the relevant product page by clicking the caption.


See also

Overview of Freedom UI Designer and its elements

Set up the app UI

Set up business rules

Localize a Freedom UI element

Tech Hour: UI/ UX Building pages in Freedom UI Designer

Tech Hour: UI/ UX Best practices in Creatio