---
sourceDocument: Zurich Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/application-development

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Add a mobile experience

# Add a mobile experience {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 minutes to read

Add a mobile experience, or interface, to enable users to access your application from a ServiceNow native mobile app.

## Before you begin

Role required: sn_app_eng_studio.user, sn_app_eng_studio.admin, or delegated_developer. For more information, see [Delegate developers using AES](https://www.servicenow.com/docs/iHO5eLO2rWglT7pbsToRYA "Delegated development enables designated users without a system admin role to develop or deploy applications on the ServiceNow AI Platform. This enables administrators and delegated developers to work together to deliver custom applications through App Engine Studio (AES).").

## About this task

When you add a mobile experience, you're creating a basic
version of the mobile app, which you must then continue editing in Mobile App Builder before it's ready to deploy.

Use Mobile App Builder to build and manage screens and records that
make up workflows within the mobile apps that you build with AES. For example, you can add a webpage or a list
that appears as a tab on a phone app.

## Procedure

1. Navigate to AllApp EngineApp Engine Studio.
2. From the My Apps page, open your application.
3. In your application, next to Experience, select Add.
4. Select Mobile experience, and then select Get started.
5. Select the kind of mobile experience that you want to add and select Continue.
   * Mobile Agent
   * Now Mobile

   {#add-mobile__choices_utl_wpy_hfc}  
   For more information about the mobile experience options and important considerations when choosing a mobile experience, see [Design considerations for mobile apps](https://www.servicenow.com/docs/access?context=mobile-design-consideration&version=zurich&pubname=zurich-mobile&ft:locale=en-US).
6. On the form, fill in the fields.  
   {#add-mobile__table_t2b_lcv_jsb__entry__2}

   | Field | Description |
   |-|-|
   | Add an icon | Icon that best reflects the content of the screen. |
   | Label for experience | Description for the screen. |
   | Roles | Roles that have access to the screen. You can specify multiple roles, but you must select them one at a time from the list that appears when you start typing in the Roles field. Note: If you do not specify a role, all users will have access to the mobile experience. |
   | Available offline | Option to make the experience available offline. Note: Offline experiences are available only in Mobile Agent apps. |
   [Table 1. Add experience form]

   {#add-mobile__table_t2b_lcv_jsb}
7. Select Continue.
8. Select the type of screen to add and select Continue.  
   {#add-mobile__table_xdz_vb1_vsb__entry__2}

   | Option | Description |
   |-|-|
   | List | Screen that lists information retrieved from an existing data table, which you choose in the next step. Note: Creating a List screen adds all of the data table's values to the mobile experience. |
   | Webpage | Screen that displays an existing webpage, which you specify the URL for in the next step. |
   [Table 2. Type of screen options]

   {#add-mobile__table_xdz_vb1_vsb}
9. To add a list page to the mobile experience, do the following:
   1. Select the table that will appear as a list on the screen.  
      After you select a data table, some of its contents appear on the page.
   2. To make the table conditional, select Set conditions for this table and define the conditions that must be met for the data to appear using the condition builder.  
      For more information, see [Condition builder](https://www.servicenow.com/docs/access?context=c_ConditionBuilder&version=zurich&pubname=zurich-platform-user-interface&ft:locale=en-US).
   3. Select Continue.
   4. Specify attributes for the data extracted from the table and select Continue.  
      {#add-mobile__table_klc_y41_ksb__entry__2}

      | Field | Description |
      |-|-|
      | Add an icon | Icon that reflects the data in the table. |
      | Screen label | Brief label to describe the list screen. |
      [Table 3. Identifiers for table data]

      {#add-mobile__table_klc_y41_ksb}
   {#add-mobile__substeps_ahx_vn1_ksb}
10. To add a webpage to the mobile experience, do the following:
    1. Specify the attributes for the table data and select Continue.  
       {#add-mobile__table_xxm_mp1_ksb__entry__2}

       | Field | Description |
       |-|-|
       | Add an icon | Icon that reflects webpage. |
       | Screen label | Brief label to describe the webpage. |
       | URL | Absolute or relative URL for the webpage. |
       [Table 4. Identifiers for table data]

       {#add-mobile__table_xxm_mp1_ksb}
    {#add-mobile__substeps_lfw_3p1_ksb}
11. Depending on if you are done or not, do one of the following:
    * If you are done adding screens to the mobile experience, select Done adding screens.
    * To add more screens to the mobile experience, select Add more screens.
    {#add-mobile__choices_zg2_j3c_psb}
12. To finish creating the mobile experience, select Done.  
    After you create the mobile experience in AES, you must edit it in Mobile App Builder.
13. Next to the mobile experience you created, select the menu icon (![Menu icon]()) and then select Edit.
14. Edit the mobile experience in Mobile App Builder.  
    For more information, see [Mobile App Builder](https://www.servicenow.com/docs/access?context=mab-concept&version=zurich&pubname=zurich-mobile&ft:locale=en-US).

## What to do next

Scan or copy the QR code for your mobile experience using the
Select app and Select platform
fields.

For more information on modifying mobile experiences, see [Mobile App Builder](https://www.servicenow.com/docs/access?context=mab-concept&version=zurich&pubname=zurich-mobile&ft:locale=en-US).
* **[Sample mobile experience](https://www.servicenow.com/docs/msMsKq~Y7fawjSKPQSWSTw)**   
  A mobile experience enables users to access your application from a ServiceNow native mobile app.

*[\>]: and then