{"id":446,"date":"2019-07-17T04:02:38","dateGmt":"2019-07-17T04:02:38","modified":"2022-06-28T04:29:24","modifiedGmt":"2022-06-28T04:29:24","status":"publish","title":"How to Display my Blog Posts on the Mobile App for Customers","content":"<p>Let\u2019s learn how to display blog posts on the Local Service Hero mobile app.<\/p>\n<p><strong>Local Service Hero<\/strong> allows you to create a mobile application for your customers.<\/p>\n<p>This is a great tool because customers can quote services and products, subscribe to services your business provides, and even read news and articles you share on your blog.<\/p>\n<p>This is precisely what we will show you in this tutorial. You will learn how to create a mobile page for your blog feed and add it to the customers\u2019 mobile app.<\/p>\n<h2>1- Create a new Mobile App page<\/h2>\n<p>You need to first add a new mobile app page by going to <strong>Mobile App > All Pages<\/strong>.<\/p>\n<p>Once there, click <strong>Add New<\/strong> to create a new page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2204\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01.png\" alt=\"how display blog posts mobile app customers local service hero\" width=\"1920\" height=\"928\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-350x169.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1024x495.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-768x371.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-01-1536x742.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>2- Configure the new page<\/h2>\n<p>Now you need to configure the new page in order to show your blog feed on it. For this, you need to select the following values:<\/p>\n<ul>\n<li>Enter the page <strong>Title<\/strong><\/li>\n<li>Select the page <strong>Status;<\/strong> in this case, we\u2019ll select\u00a0<strong>Publish<\/strong>.<\/li>\n<li>Select the\u00a0<strong>Menu Icon<\/strong> or upload your own icon. In\u00a0<strong>Advanced Settings<\/strong> you can select a different color for the icon.<\/li>\n<li><strong>Type of Page:<\/strong> Here you need to select <strong>Feed<\/strong><\/li>\n<li><strong>Description:<\/strong> Here you can add a description for the page, which will be shown above the page content, as you can see in the screenshot below.<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2205\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02.png\" alt=\"how display blog posts mobile app customers local service hero\" width=\"1920\" height=\"1165\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-350x212.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1024x621.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-768x466.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-02-1536x932.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li><strong>Feed:<\/strong> Here you need to add the link to your blog\u2019s feed.<\/li>\n<li><strong>Optional<\/strong>. You can\u00a0<strong>Send a notification to all the users when this page is updated<\/strong>. If you enable this checkbox, you can add the <strong>Notification title<\/strong> and the\u00a0<strong>Notification message<\/strong>.<\/li>\n<li>Once you\u2019ve selected all the values, hit\u00a0<strong>Save<\/strong> to create the page.<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2206\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03.png\" alt=\"how display blog posts mobile app customers local service hero\" width=\"1920\" height=\"589\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-350x107.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1024x314.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-768x236.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-03-1536x471.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>3- Optional. Add the page to the mobile app menu<\/h2>\n<p>Once you\u2019ve saved the page, you can add it to the mobile app menu.<\/p>\n<p>For this, go to\u00a0<strong>Mobile App > Mobile App Menu<\/strong>.<\/p>\n<p>Once there, you need to move the page from the\u00a0<strong>Disabled pages<\/strong>\u00a0to the\u00a0<strong>Enabled pages<\/strong> side.<\/p>\n<p>Once you do that, scroll down and hit\u00a0<strong>Save<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2207\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04.png\" alt=\"how display blog posts mobile app customers local service hero\" width=\"1920\" height=\"674\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-350x123.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1024x359.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-768x270.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/mobile-app-page-04-1536x539.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>This is how you can add your blog\u2019s feed to the customers\u2019 mobile app.<\/p>\n<p><a href=\"https:\/\/localservicehero.com\/us\/blog\/\"><strong>Read other tutorials<\/strong><\/a><\/p>\n","excerpt":"<p>Let\u2019s learn how to display blog posts on the Local Service Hero mobile app. Local Service Hero allows you to create a mobile application for your customers. This is a great tool because customers can quote services and products, subscribe to services your business provides, and even read news and articles you share on your \u2026 <a title=\"How to Display my Blog Posts on the Mobile App for Customers\" class=\"read-more\" href=\"https:\/\/localservicehero.com\/us\/how-display-blog-posts-mobile-app-customers\/\">Read more<\/a><\/p>\n","commentStatus":"closed","sticky":false,"meta":[],"categories":[{"slug":"tutorials","id":18,"name":"Tutorials"}],"tags":[{"slug":"blog","id":32,"name":"blog"},{"slug":"feed","id":34,"name":"feed"},{"slug":"mobile-app","id":19,"name":"mobile app"},{"slug":"posts","id":33,"name":"posts"}],"pictureUrl":"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/06\/display-blog-posts-on-the-local-service-hero-mobile-app.png","_links":{"predecessor-version":[{"id":2841,"href":"https:\/\/localservicehero.com\/us\/api\/wp\/v2\/posts\/446\/revisions\/2841"}]}}