Skip to main content

How to Setup Your App Home Screen

The App Home Screen builder lets you design your app's main interface using drag-and-drop widgets. Control what listeners see first when they open your app.

Written by Cait Watson
Updated this week

Navigate to App Home Screen from the left sidebar:

Navigate to App Home Screen in the menu

Widget Builder Interface

The home screen builder displays available widgets on the left and your current layout on the right:

App Home Screen builder showing widget options and layout preview

How the builder works:

  • Create Sections: Sections create unique segments of the home screen to group widgets in rows. They can be set to display 1, 2, 3, or 4 widgets per row.

  • Add Widgets: Select widget type enter details in settings fields

  • Reorder: Drag sections/widgets up or down to change their position

  • Remove: Click the X or trash icon on a widget to delete it

  • Preview: See a live preview of your changes on the simulator, looks for the device icon at the top right.

Widget Settings

Click any widget to access its settings panel:

Widget settings panel showing configuration options

Common section/widget settings:

  • Title: Custom heading displayed below the widget (e.g., "Now Playing," "Latest Episodes")

  • Widgets per Row: Choose 1, 2, or 3 widgets per row depending on content type (1 for player, 2–3 for media items)

  • Scroll Behavior: Enable horizontal scrolling for multiple items or display all at once

πŸ’‘ Best practice: Place content widgets first, followed by interactive widgets (forms/chat), then your Social accounts. Limit your home screen to 3–5 sections to avoid overwhelming users.

Did this answer your question?