How can I change the layout of the predefined Description field for displaying generated account descriptions?

You can use Visual Builder Studio (VBS) to change the layout of either a custom field or a predefined existing field such as the Description field to display a summary of the account details generated by generative AI (GenAI). The generated description is displayed in the text area where you can review and change the description.

The following steps describe how to change the Description field as an example and assumes you've the appropriate roles to make the changes using VBS.

  1. Navigate to the Account details page and then click Edit Page in Visual Builder Studio as shown and select your project and workspace that you want to change.

    Screenshot highlighting the Edit Page in Visual Builder Studio action

  2. Click the layout (lightning) icon on the top left as shown:

    Screenshot highlighting the layout icon

  3. Expand the Accounts node under Customer Experience (UX) and then click Summarize Layout dynamic form that uses GenAI to create a summary of the account details.

    Screenshot highlighting the expanded Accounts node and the Summarize Layout dynamic form

  4. From the Display Logic section, click the highlighted icon to clone the IsDefault19 rule as shown:

    Screenshot highlighting the icon to clone the IsDefault19 rule

  5. Enter a meaningful Name in the Duplicate Rule dialog. For example, enter account_description_layout and click Duplicate. Keep the checkbox Also create a copy of the layout selected. This will clone the IsDefault19 rule with conditions and the layout.

    Screenshot highlighting the details of the Duplicate Rule dialog

  6. Click the newly created cloned layout (account_description_layout) as shown:

    Screenshot highlighting the newly created cloned layout (account_description_layout)

  7. From the Use Simple Layout section of the Layout page, click Select fields to display as shown:

    Screenshot highlighting the Select fields to display button

  8. By default, a set of fields get added to the layout. You must remove all these fields by clicking on the X icon at the end of each field as shown:

    Screenshot highlighting the Delete fields to display button

  9. Search and select the custom field of type Long Text to use for saving the generated account description. For this example, the Description field is used.

    Screenshot highlighting the Description field and Column Span field property

  10. From the Select fields to display section, click the added field Description which displays the field properties panel. Set the Column Span field property to 2.
  11. Set the Template field property to any one of the values from the drop-down list such as Account Address Template as shown:

    Screenshot highlighting the Template field property

  12. Switch to code mode by clicking on the three dots as shown:

    Screenshot highlighting the location of the three dots and the Go to Code option

  13. From the JSON tab, search for the /SummarizeLayout section and go to the account_description_layout layout section.

    Screenshot highlighting the JSON tab and the /SummarizeLayout section of the code

  14. Change the template for the Description field in the fieldTemplateMap section to /noteTemplate as shown:

    Screenshot highlighting the JSON tab and the /noteTemplate section of the code

  15. Test the changes by clicking on the Play (Arrow) button as highlighted. Once verified, publish your changes by clicking Publish.

    Screenshot highlighting the location of the Play button in VBS