---
sourceDocument: Yokohama Mobile Configuration and Navigation
sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# Configure mobile web screens with Mobile App Bridge

# Configure mobile web screens with Mobile App Bridge {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Configure mobile web screens with Mobile App Bridge to enable seismic pages, classic web pages, or service portal pages that are hosted within embedded web views. Using this feature, you can access native mobile functionality on ServiceNow® mobile apps.

## Before you begin

Role required: admin

## About this task

This task is an example of embedding a seismic page, which contains the playbook experience, within a mobile app by using Mobile App Bridge.

Configure mobile web screens to leverage the ServiceNow platform playbook feature on mobile devices. A playbook guides technicians when troubleshooting issues or helps them learn to install new parts. For more information about the playbook feature, see [About Playbook Experience](https://www.servicenow.com/docs/access?context=playbook-ui&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US).  
Configuring seismic pages with Mobile App Bridge involves the following tools and tasks:

* Create a Now Experience Framework page in [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) by leveraging the Mobile App Bridge.
* Create a mobile web screen using Mobile App Builder (MAB).
* Add the Now Experience Framework page to mobile devices by specifying the page URL in the URL field of the MAB mobile web screen configuration form.
{#configure-mobile-playbooks__ul_k14_pmm_5xb}  
For detailed information about adding a playbook to Mobile App Bridge so that you can configure a playbook on mobile devices on the ServiceNow Mobile Platform, see [Embed a playbook in ServiceNow® mobile](https://www.servicenow.com/docs/access?context=embed-playbook-mobile&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US).  
Important:  
The Cabrillo JS API support that leverages Mobile App Bridge exists for classic web pages, service portal pages, and seismic pages. For more information about the Cabrillo JS APIs, see [Client mobile API reference](https://www.servicenow.com/docs/access?context=api-client-mobile&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US)+

## Procedure

1. Create the Now Experience Framework page in UI Builder.  
   For instructions about how to create the page, see [Create a Now Experience Framework page in UI Builder](https://www.servicenow.com/docs/zfRSa9X37p~QDSsNCLOteQ "To configure mobile web screens that use Mobile App Bridge to leverage a playbook on mobile devices, the first step is to create a Now Experience Framework page in UI Builder.").
2. Create the mobile web screen in MAB.  
   For information about configuring a mobile web screen, see [Configure a mobile web screen](https://www.servicenow.com/docs/HrFr7gCuafWAF4ydF0x~Sw "Use a mobile web screen to open a URL from within a ServiceNow mobile application. You can configure relative URLs to open pages within the ServiceNow platform.").
3. Navigate back to the Now Experience Framework page you configured in UI Builder in Step 1 and in the upper right corner of the page, select PreviewOpen URL path.  
4. Copy the URL that displays in your browser in UI Builder and then paste the URL into the URL field in the MAB Mobile Web Screen form.  
5. In MAB, select Save.
* **[Create a Now Experience Framework page in UI Builder](https://www.servicenow.com/docs/zfRSa9X37p~QDSsNCLOteQ)**   
  To configure mobile web screens that use Mobile App Bridge to leverage a playbook on mobile devices, the first step is to create a Now Experience Framework page in UI Builder.

*[\>]: and then