--- schema_version: "1" id: 5ec74e286ad1fe5810c5b6336e35d6de2f5131dec234ec525c76e9ccd53ed4d4 title: Tips for Creating Mobile App Pages in Lightning App Builder collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/lightning_app_builder_mobile_guidance.md canonical_url: https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_mobile_guidance.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: f187bd13e3b2eb9071decc909e2d723d13560b742c92fb00d598c5e51d5ae800 description: Here are some best practices for building a mobile app page using the App Builder. For a consistent experience across devices, use the Lightning App Builder to preview your record and app pages. products: - Salesforce Platform - Security release: "264" --- # Tips for Creating Mobile App Pages in Lightning App Builder Here are some best practices for building a mobile app page using the App Builder. For a consistent experience across devices, use the Lightning App Builder to preview your record and app pages. ### Required Editions
Available in: Lightning Experience

Available in: Group Essentials, Professional, Enterprise, Performance, Unlimited, and Developer Editions

To customize and preview your apps and pages for Lightning Experience or the mobile app, use the Lightning App Builder. You can specify certain components as mobile- or desktop-only. If you need more than a preview, run the Lightning apps and components in the Salesforce mobile app. Testing in the mobile app helps validate that users have the best experience on mobile. When you build a mobile app page, the steps include: - [Build a new app page with the App Builder](https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_create_app_page.htm&release=264.0.0&type=5 "Create a page for an app that you can add directly into Lightning apps and the Salesforce mobile app. Your users can then easily access the objects and items that are most important in that app.") - [Activate the page and add the page to your mobile navigation](https://help.salesforce.com/s/articleView?id=platform.lightning_page_getting_into_salesforce1.htm&release=264.0.0&type=5 "To make your custom app page available to users, you must activate it. You can also rename the Lightning page tab, adjust its visibility, and set its position in the navigation list. The Lightning App Builder’s activation feature makes this process easy.") - Create a Lightning app in the App Manager for your users to personalize [![Watch Video Demo](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/play_btn.png) Watch a Demo](https://admin.salesforce.com/blog/2019/build-a-mobile-app-page) (9 minutes) ## Display Mobile-Friendly Components When you create a [Lightning app page or record page](https://help.salesforce.com/s/articleView?id=platform.lightning_page_overview.htm&release=264.0.0&type=5 "A Lightning page is a custom layout that lets you design pages for use in the Salesforce mobile app or Lightning Experience.") via the App Builder, the template you choose controls how it appears across devices. ![Mobile preview in App Builder](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/mobile_preview_lab.png) Here are several ideas on including [standard components](https://help.salesforce.com/s/articleView?id=platform.lightning_page_components.htm&release=264.0.0&type=5 "Standard components are Lightning components built by Salesforce. Several standard components are available when creating Lightning pages.") for mobile users. The list can vary depending on your user’s role. - The Report Chart component shows helpful data, such as your top deals, based on a filter. - The List View component can show your events, such as today’s agenda. - The Task List component can show your open tasks, overdue tasks, or another list based on a filter. - The Recent Items component lets you get back to the records you’re working with recently. - The Launchpad component lets you add a grid of navigation items, such as your contacts or a custom Visualforce page, which users can access with one tap. If standard components don’t meet your requirements, create [custom components](https://help.salesforce.com/s/articleView?id=platform.lightning_page_components_custom.htm&release=264.0.0&type=5 "The Lightning App Builder supports custom Lightning components that you create either with Aura or Lightning web components (LWC)."). ## Customize Actions for the Mobile Page If you’re creating an app page, you can also customize the actions available for the page. Here are several popular actions for mobile users that make them more productive. Again, the list can vary depending on your user’s role. - Log a call - New case - New event - New task ## Activate the Page for Mobile Users When you [activate the page](https://help.salesforce.com/s/articleView?id=platform.lightning_page_getting_into_salesforce1.htm&release=264.0.0&type=5 "To make your custom app page available to users, you must activate it. You can also rename the Lightning page tab, adjust its visibility, and set its position in the navigation list. The Lightning App Builder’s activation feature makes this process easy."), you can add the page to both Lightning Experience and the mobile app. You can add the page to any mobile-enabled Lightning app. Adding your app page to Lightning Experience makes it available to users viewing the app on desktop and in the Salesforce mobile app.