---
schema_version: "1"
id: 98207c3cb021b478463dc058b59e8bed6eb97ba4174ed003fa9609a0b063f6a1
title: Add Agentforce Financial Services Components to Salesforce Mobile
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/fsc_admin_add_components_to_mobile.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.fsc_admin_add_components_to_mobile.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 3ee2f16d300e8bc33cea03265e64612c777801eca738246cdd88748f5fbdd1b0
description: Help users be more productive by adding Agentforce Financial Services Lightning Components to the Salesforce mobile app.
products:
  - Financial Services
release: "264"
---
# Add Agentforce Financial Services Components to Salesforce Mobile

Help users be more productive by adding Agentforce Financial Services Lightning Components to the Salesforce mobile app.

First, enable a page in your app for the Phone form factor so that page can appear on mobile devices. Then use Lightning App Builder to add Agentforce Financial Services components to the mobile-enabled page.

1. From Setup, enter Lightning App Builder in the Quick Find box, and then select **Lightning App Builder**.
2. Click **New**.
3. Select **Record Page** and click **Next**.
4. Enter a Label for the record page, such as AccountSummaryMobile.
5. Select an object for the page, such as **Account**, and click **Next**.
6. From the list of page templates, choose one that supports the Phone form factor, such as Grouped Header and One Region, and click **Done**.
7. To add Agentforce Financial Services components to your mobile app page, drag them from the left-hand Components list into the empty regions on the page.
    
    A small icon appears next to a component name to indicate whether the component works with the desktop or phone form factor, or both.
8. For example, drag the **Highlights Panel** component into the empty region that says, “Add Component(s) to Grouped Header Region Here”. Then drag the component named **Financial Summary - Financial Services Cloud** into the lower region.
    
    ![Drag components into page regions in Lightning App Builder](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ind-financial_services-264-0-0-production-enus/bbbfcd84-ccb2-4c2c-bf0e-04dbacfadfb4/financial_services/images/mobile/fsc_mobile_add_component.png)
9. After a component has been placed in a page region, click the component to see or change its properties in the right-hand side panel.
10. Click **Save** when you’re done editing your page.

After a page is saved, it must be activated before users can see it in the app. For more information about activating and previewing Salesforce mobile apps, see [Preview Mobile App Pages in Lightning App Builder](https://help.salesforce.com/articleView?id=lightning_app_builder_mobile_guidance.htm&language=en_US).

#### See Also

- [Create an App Page with the Lightning App Builder](https://help.salesforce.com/articleView?id=lightning_app_builder_create_app_page.htm&language=en_US)
- [How Page Layouts Work in the Salesforce Mobile App](https://help.salesforce.com/articleView?id=layouts_in_salesforce1.htm&language=en_US)