Learn to add customizable widgets to your Branded App screens.
In this article:
What is a screen?
The screens are like pages in your Branded App that 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 thing they see when they reopen the app. You can learn more about custom screens here.
There are a variety of widgets for you to use to customize these screens and enhance the experience of your customers.
Add a new widget to your screen section
To add a new section to your app 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 and select the appropriate screen from the drop down:
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 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.
Note:
The Product Widget can be used to display courses and community products. If a displayed product is not part of an app offer and is not owned by a member, it will not appear on their screen.
How to edit a screen section
Customize your section titles and content for each widget you add to your screen.
To edit a widget on your 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 and select the appropriate screen from the drop down:
- 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 a widget, simply click the “x” icon to the right to remove it.
When you’re done, hit Save & Publish at the top right to publish your screen updates to your live app!
Reorder your screen sections
Want to change the order in which your screen sections appear? It’s easy!
To reorder your 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 screen section
To delete a 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 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!