Build an App Landing Page

Prev Next

This article walks through an example of how to create an app landing page for your community that links out to forms and other resources.

App Landing Page Example.

Pre-Requisites

  • Create the forms you want to link to on the app landing page. Examples may include permit applications, zoning forms, or special event forms.

Create the App Landing Page

  1. Create a new App and add an applicable name such as "Municipal Services". Select Tiles as the App Type. Municipal Services App.

  2. Open your app and navigate to the Builder tab Content tab.

  3. Click Hide (eye icon) next to the default Navigation Tiles that you do not want to display on your landing page Hide icon on tile.

    Note: If you hide the Pending Submissions tile, users will be unable to complete offline submissions.

  4. Scroll down and click Add Menu TileAdd Menu Tile button.

  5. Add a Label for the tile Menu Tile Label field.

  6. Select the Item Type from the drop-down:

    • Container: The container option allows you to select a group of forms that will be displayed in a list when a user selects the button from the landing page. This can be used to categorize forms by topic such as permits, or special events. Container set as Item Type.

    • Form: This allows you to link directly to a form from the app landing page. Select the existing form from the drop-down. Form set as Item Type.

    • Link: Select this option to link directly to an external source such as a page on your website. Link set as Item Type.

  7. Click Change icon to customize the icon for the tile Tile Icon.

  8. Search and select an icon from the list Payment icon selected from search results.

  9. Repeat steps 4 to 8 until you have added all of your navigation tiles

  10. Drag and drop your tiles into the order you would like them to display Two lines next to tile to move order.

  11. Click SaveSave.

  12. Scroll down on the Builder tab to add banner images, color themes, and additional styling as needed Customize tab.

  13. Configure Settings Summary tab fields.

Preview & Share Your App

  1. Click the Launch button to open the app Launch.

  2. View your new app landing page App Landing Page Example.

  3. Share the app link with users Share Icon.