{"id":251,"date":"2019-07-15T21:22:31","dateGmt":"2019-07-15T21:22:31","modified":"2022-06-28T04:28:33","modifiedGmt":"2022-06-28T04:28:33","status":"publish","title":"How to Add a Page to my Mobile App for Customers?","content":"<p>In this tutorial, you\u2019ll learn how to create mobile app pages in <strong>Local Service Hero<\/strong>.<\/p>\n<p><strong>Local Service Hero<\/strong> allows you to create a mobile application for your customers. From this app, customers can hire your services, buy your products, edit their billing information, read your blog feed, receive personalized notifications, etc.<\/p>\n<p>That\u2019s why in this tutorial we will show you how to add a page to the mobile app, and you will see the types of pages you can create in <strong>Local Service Hero<\/strong>.<\/p>\n<p>Once you have logged in to your <strong>Local Service Hero<\/strong> dashboard, go to <strong>Mobile App > All Pages<\/strong>, and you\u2019ll see all the pages if you already created some pages.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2312 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"898\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-350x164.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-1024x479.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-768x359.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-1536x718.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Once you\u2019re in\u00a0<strong>All Pages<\/strong>, you need to hit\u00a0<strong>Add New<\/strong> to add a new mobile app page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2311 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"898\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1-350x164.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1-1024x479.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1-768x359.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1-1536x718.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>There\u2019s some basic information you need to add to your new page:<\/p>\n<ul>\n<li><strong>Title<\/strong><\/li>\n<li><strong>Status<\/strong><\/li>\n<li><strong>Menu Icon<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2310 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"1126\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1-350x205.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1-1024x601.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1-768x450.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1-1536x901.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>1- Create a \u201cBilling\u201d page<\/h2>\n<p>A \u201cBilling\u201d page allows your clients to view their dashboard, orders, and subscriptions from the mobile app. Then can also log out from their mobile app session.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2309 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"898\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1-350x164.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1-1024x479.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1-768x359.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1-1536x718.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>2- Create an \u201cExternal link\u201d page<\/h2>\n<p>If you create an \u201cExternal link\u201d page, you can display any page on your mobile app. This is great if you want your customers to view or use a page from your website on the mobile app. You just need to page the external link and the content of the page will be displayed on the mobile app page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2308 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"938\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1-1024x500.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1-768x375.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1-1536x750.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>3- Create a \u201cBlog Feed\u201d page<\/h2>\n<p>A \u201cFeed\u201d page allows you to display your blog news and articles on the mobile app. This is great to share important information, tips and any other piece of content from your blog right to your customers\u2019 mobile app.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2307 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-05.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"938\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-05.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-05-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-05-1024x500.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-05-768x375.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-05-1536x750.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>4- Create a \u201cForm\u201d page<\/h2>\n<p>A \u201cForm\u201d page allows you to display any Local Service Hero form on the mobile app. This is a great way to get new information from your clients.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2306 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-06.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"938\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-06.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-06-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-06-1024x500.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-06-768x375.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-06-1536x750.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>5- Create a \u201cFree text\u201d page<\/h2>\n<p>This is a great way to create customized mobile app pages because you can add your own text and images. You can add the text using a text editor that allows you to format the text and add media files to the page content.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2305 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-07.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"938\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-07.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-07-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-07-1024x500.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-07-768x375.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-07-1536x750.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>6- Create a \u201cList\u201d page<\/h2>\n<p>If you create a \u201cList\u201d page, you can add list elements including icons and texts. Besides, you can link the list elements to a specific page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2304 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-08.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"939\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-08.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-08-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-08-1024x501.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-08-768x376.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-08-1536x751.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>7- Show your product categories on the mobile app<\/h2>\n<p>You can add a beautiful page to show your product categories using icons. Once users click a category icon, they will be shown the products belonging to that category.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2303 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-09.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"939\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-09.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-09-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-09-1024x501.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-09-768x376.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-09-1536x751.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>8- Display your product catalog on the mobile page<\/h2>\n<p>You can also show your product catalog on the mobile page. This is a great way to create a mobile store to sell your products.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2302 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-10.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"939\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-10.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-10-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-10-1024x501.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-10-768x376.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-10-1536x751.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>9- Create an HTML mobile page<\/h2>\n<p>You can add HTML with your own content to the mobile app.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2314 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-14.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"900\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-14.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-14-350x164.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-14-1024x480.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-14-768x360.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-14-1536x720.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>10- Allow your customers to schedule services from the mobile app<\/h2>\n<p>You can show a calendar that allows your users to schedule services right from the mobile page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2301 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-11.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"939\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-11.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-11-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-11-1024x501.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-11-768x376.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-11-1536x751.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>11- Allow users to upload files to the mobile app<\/h2>\n<p>If you want our users to be able to upload files to the mobile app, you can do it by adding a\u00a0\u201cUser Files\u201d page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2300 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-12.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"939\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-12.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-12-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-12-1024x501.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-12-768x376.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-12-1536x751.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Once you have created your page, you need to click\u00a0<strong>Save<\/strong>.<\/p>\n<h2>How to add the new page to the mobile app menu<\/h2>\n<p>After saving the page, you can add it to the mobile app menu so that your clients are able to access the page from the mobile app.<\/p>\n<p>Go to\u00a0<strong>Mobile App > Mobile App Page<\/strong> and move the page from <strong>Disabled pages<\/strong> to <strong>Enabled pages<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2299 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-13.png\" alt=\"how add page mobile app customers local service hero\" width=\"1920\" height=\"939\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-13.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-13-350x171.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-13-1024x501.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-13-768x376.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-13-1536x751.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>This is how you can create a mobile app page and add it to the mobile app menu in <strong>Local Service Hero<\/strong>.<\/p>\n<p><a href=\"https:\/\/localservicehero.com\/us\/blog\/\"><strong>Read other tutorials<\/strong><\/a><\/p>\n","excerpt":"<p>In this tutorial, you\u2019ll learn how to create mobile app pages in Local Service Hero. Local Service Hero allows you to create a mobile application for your customers. From this app, customers can hire your services, buy your products, edit their billing information, read your blog feed, receive personalized notifications, etc. That\u2019s why in this \u2026 <a title=\"How to Add a Page to my Mobile App for Customers?\" class=\"read-more\" href=\"https:\/\/localservicehero.com\/us\/how-add-page-mobile-app-customers\/\">Read more<\/a><\/p>\n","commentStatus":"closed","sticky":false,"meta":[],"categories":[{"slug":"tutorials","id":18,"name":"Tutorials"}],"tags":[{"slug":"mobile-app","id":19,"name":"mobile app"}],"pictureUrl":"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/06\/create-mobile-app-pages-in-local-service-hero.png","_links":{"predecessor-version":[{"id":2826,"href":"https:\/\/localservicehero.com\/us\/api\/wp\/v2\/posts\/251\/revisions\/2826"}]}}