Configure results for the UI

This page describes how to configure results for the web app UI, which is the interface that your users use to access your app.

Search widget concepts

Here are some concepts to help you understand how to use the controls on the UItab.

• Snippet.A short section of text, typically a sentence, under the document title. By default, a snippet is displayed for each search result for website and unstructured data.

• Search with an answer.This feature provides a paragraph of information (the answer) synthesized from the top results of website or unstructured data. You can customize the number of top results that the answer is based on. By default, the top five results are summarized to create the answer. Search with an answer cannot be combined with Search with follow-ups.

• Search with follow-ups.This feature for website and unstructured data allows for follow-up questions that keep the context of the initial search query.

• Autocomplete.Suggests search queries based on the first letters that users enter into the search bar. For more information, see Configure autocomplete .

• Feedback.Provides buttons thumb_up and thumb_down so that users can rate the quality of the search results. This information is sent only to Google. For more information, see Configure feedback .

• Metadata.If the data is structured or contains metadata, you can configure which metadata fields to include in the search results. You can also map fields to display names for facets. For more information, see Configure facets for the UI .

Configure search results for unstructured or website data

The UI for unstructured and website data offers the following search customizations:

• Search (single-turn)
• Search with an answer (single-turn search with summarization)
• Search with follow-ups (multi-turn search)

To configure how the UI displays search results for unstructured data:

1. In the Google Cloud console, go to the Agentspacepage.

   Agentspace

2. Click the name of the app that you want to edit.

3. In the navigation menu, click Configurations.

4. Click the UItab.

5. Edit the fields on the tab.

6. Use the Previewpane to make sure your changes are displayed as expected.

7. Click Save and publishto apply your changes.

Configure search results for structured data

For structured data, by default, the UI displays all of the name-value pairs for each item in the search results. You can use the Configurationspage in the Google Cloud console to customize how the UI displays search results.

The following list shows the primary fields for displaying search results:

• Title.An item title that a user can click to select that item in a search result.
• Thumbnail.The URL of an image to be shown next to the item title in a search result.
• URL.A URL that the user is taken to when they click the item's title.

You can display up to three additional fields in your search results and configure how they appear.

In addition, you can select facets to filter search results on and set display names for them. For more about configuring facets, see Configure facets for the UI .

To configure how the UI displays search results for structured data:

1. In the Google Cloud console, go to the Agentspacepage.

   Agentspace

2. Click the name of the search app that you want to edit.

3. Click Configurations.

4. Click the UItab.

5. If you have multiple data stores connected to your app, select the data store to configure results for.

6. Expand the Configure fields in resultssection.

7. In the Previewpane, type a query and press Enterto view how search results are displayed with your current settings. The preview updates automatically when you enter new settings.

8. Optional: Click a device icon to see the preview in desktop or mobile format.

9. To configure the primary fields ( Title, Thumbnail, and URL) in your search results:

   1. Click the Titlebox and select a field to map to the titles of your search results. Or, select Noneif you don't want titles to appear in search results.

   2. Click the Thumbnailbox and select a field to map to the thumbnail images in your search results. Or, select Noneif you don't want thumbnail images to appear in search results.

   3. Click the URLbox and select a field that maps to the items that open when users click item titles in search results. Or, select Noneif you don't want item titles in your search results to link to items.

10. To add additional fields to your search results:

    1. Click the Text 1box and select a field that you want to display in your search results. By default, only the field value is displayed in search results.

    2. Click the arrow next to the Text 1box to display the Templatebox. The {value}field in Templatebox represents the field value to display in the search result. Add text before or after the {value}field (or both) to give context to the value in the search results. For example, suppose you selected price in the Text 1box, and the price value for a particular item is 42. If you update the Templatefield to "Total Price: {value} USD" , then "Total Price: 42 USD" is displayed in the search results for that item.

    3. To add additional fields, repeat these steps for the Text 2and Text 3boxes.

11. To configure facet settings:

    1. Expand the Facet settingssection.

    2. Select a field to set as a facet and enter a display name.

    3. To add more facets, click Add facet.

12. Check the Previewpane to make sure your changes display correctly.

13. Click Save and publishto apply your changes.

Next steps

• Preview search results