---
sourceDocument: Australia Mobile Configuration and Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/mobile

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# Configure ServiceNow Otto button in search

# Configure ServiceNow Otto button in search {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Add a conversational chat button to standard catalog search results in mobile. The chat button redirects users to a new Virtual Agent conversation for eligible catalog items.

## Before you begin

Role required: admin

Verify that ServiceNow Otto for AI Search and Otto Self Service Enhanced Chat are enabled for the catalog items you want to display the chat button on. See [ServiceNow Otto for AI Search](https://www.servicenow.com/docs/access?context=now-assist-ais&version=australia&pubname=australia-platform-administration&ft:locale=en-US) and [Display your assistant on a portal, channel, or mobile app](https://www.servicenow.com/docs/access?context=display-assistant-portal-channel&version=australia&pubname=australia-conversational-interfaces&ft:locale=en-US) for more information.

## Procedure

1. Navigate to the Template 05 card template record at sys_sg_view_template.do?sys_id=822e2f530f202010e70a4abec4767eee.
2. Open the Template JSON field for editing.
3. In the Children array of the root cell, add a new button object with the following mandatory fields:  
   {#configure-now-assist-button-search__table_emt_1sz_m3c__entry__2}

   | Field | Value |
   |-|-|
   | Type | `"Button"` |
   | Id | `"menu_01"` |
   | CellId | `"menu_01"` |
   | ContextMenu | `{"Presentation": "SearchMenu"}` |
   [Table 1. Button fields]

   {#configure-now-assist-button-search__table_emt_1sz_m3c}

   Here is an example of a JSON template with the mandatory fields added:  

       {
         "Type": "ViewGroup",
         "Margin": {
           "Top": 12,
           "Bottom": 12,
           "Right": 12,
           "Left": 12
         },
         "Orientation": "Horizontal",
         "Alignment": "Center",
         "Distribution": "Auto",
         "Id": "root",
         "CellId": "root",
         "Children": [
           {
             "Type": "ViewGroup",
             "Id": "container_02",
             "Orientation": "Horizontal",
             "Alignment": "Center",
             "Distribution": "Auto",
             "CellId": "container_02",
             "Children": [
               {
                 "Type": "Image",
                 "Id": "image_01",
                 "Scaling": "Fill",
                 "Height": 44,
                 "Width": 44,
                 "CellId": "image_01",
                 "Margin": {
                   "Right": 16
                 }
               },
               {
                 "Type": "ViewGroup",
                 "Id": "container_03",
                 "Margin": {},
                 "Orientation": "Vertical",
                 "Alignment": "Left",
                 "Distribution": "Equal",
                 "CellId": "container_03",
                 "Children": [
                   {
                     "Type": "Text",
                     "TextColor": "#151920",
                     "TextColorVariable": "--now-color_text--primary",
                     "MaxLines": 2,
                     "CellId": "text_01",
                     "Id": "text_01",
                     "Margin": {},
                     "TextAlignment": "Left"
                   },
                   {
                     "Type": "Text",
                     "TextColor": "#2C323F",
                     "TextColorVariable": "--now-color_text--secondary",
                     "MaxLines": 1,
                     "Margin": {
                       "Top": 8
                     },
                     "CellId": "text_02",
                     "Id": "text_02",
                     "TextAlignment": "Left"
                   }
                 ]
               }
             ]
           },
           {
             "Type": "Button",
             "TextAlignment": "Center",
             "Id": "menu_01",
             "CellId": "menu_01",
             "ContextMenu": {
               "Presentation": "SearchMenu"
             },
             "TextColorVariable": "--now-color--primary-1",
             "BorderColorVariable": "--now-color--primary-1",
             "BorderWidth": 0,
             "Height": 24,
             "Width": 24,
             "Margin": {}
           }
         ]
       }

4. Select Save.
5. Navigate to the card template elements list (sys_sg_template_slot.list) and select New to create a new record.
6. Complete the following fields in the new card template element:  
   {#configure-now-assist-button-search__table_u3w_ssz_m3c__entry__2}

   | Field | Value |
   |-|-|
   | Name | `menu_01` |
   | Type | `Menu` |
   | Card template | Template 05 |
   [Table 2. Card template fields]

   {#configure-now-assist-button-search__table_u3w_ssz_m3c}
7. Select Save.
8. Create three card template element attributes and associate them with the menu_01 card template element, using the following:  
   {#configure-now-assist-button-search__table_frg_btz_m3c__entry__4}

   | Attribute | Type | Description | Value |
   |-|-|-|-|
   | Attribute 1 | `AdditionalActionType` | `menu_01_type` | `Conversation` |
   | Attribute 2 | `Icon` | `menu_01_icon` | `dbc96e63ff523210c63effffffffff8f` |
   | Attribute 3 | `TextColorVariable` | `menu_01_TextColorVariable` | `--now-color--primary-1` |
   [Table 3. Card template element attributes]

   {#configure-now-assist-button-search__table_frg_btz_m3c}