Learn to add custom sections of featured courses to your app home screen.
In this article:
What is the home screen?
The home screen is the screen your Branded App members will see after they log into the app via your welcome screen or login screen (after viewing your welcome carousel if you’ve added that feature). If a member is already logged in, this will be the first screen they see when they reopen the app.
Use your app home screen to welcome members and visitors to your app, highlight and recommend courses, provide valuable information about your business, and more!
When a member clicks on a Home Screen Course tile, the App Offer for that course will open:
Add a new home screen section
To add a new section to your app home screen:
- Select Branded Mobile App from your Kajabi dashboard.
If you’ve fully completed your app setup, you should see your app Design settings. - Select the Design tab.
- Click Customize:
- Make sure that you are open to the Widgets editor:
The following widgets are available for you to choose from:
-
- Product widgets allow you to feature courses and community products, even if they are not included in an app offer
- Button can be used to link to pages, blog posts, or URLs
- Image can add further customization while also acting as a button that links to pages, blogs or URLs
- Gallery enables you to upload and display multiple images as a gallery
- Text sections can be added throughout your home screen
- Video widgets allow you to add videos directly to your home screen with customizable cover images
Click and drag the widget you want to add to your desired location on your home screen:
The widget editor will open on the page's right side, allowing you to further customize the widget's title, text, images, etc.
A carousel section will automatically rotate each image or course into view, while a horizontal scrolling section will allow app members to scroll through your images or courses at their own pace.
For most of the widgets, you can toggle on or off the Section's title and select the desired alignment.
How to edit a home screen section
Customize your section titles and content for each widget you add to your home screen.
To edit a widget on your home screen:
- Select Branded Mobile App from your Kajabi dashboard.
If you’ve fully completed your app setup, you should see your app Design settings. - Select the Design tab.
- Click Customize:
- Make sure that you are open to the Widgets editor:
- Select the widget section that you wish to edit on your home screen:
Reorder images and products you've added to a widget by pressing and holding the six dots to the left of each in the widget editor, then dragging and dropping as desired.
If you change your mind about including an image or product, simply click the “x” icon to the right of the course to remove it.
When you’re done, hit Save & Publish at the top right to publish your home screen updates to your live app!
Reorder your home screen sections
Want to change the order in which your home screen sections appear? It’s easy!
To reorder your home screen sections, simply select the widget section that you wish to rearrange and click the up or down arrow to move to your desired location:
Delete a home screen section
To delete a home screen section, simply select the widget section that you wish to delete and click the trash icon:
And that’s how you can customize your Branded App home screen! Please vote below and let us know if you found this article helpful. We value your feedback. Thanks for being the best part of Kajabi!