Configuring Your MemberPress iOS and Android App Homepage

The App Homepage is the first screen members see after logging in to the MemberPress iOS and Android. A well-configured homepage improves navigation, reinforces branding, and highlights key actions for learners. Using Gutenberg blocks, you can design a fully customized homepage and surface it directly in the Tab Bar for immediate access.

This guide walks you through creating an App Homepage, adding blocks, assigning the page to the Tab Bar, and previewing the Homepage within the mobile app.

Understanding the App Homepage Feature

The App Homepage feature allows administrators to create a dedicated landing experience tailored for mobile users.

Custom page creation enables full control over layout and content using familiar Gutenberg blocks. Flexible design allows you to highlight courses, links, and activity.

Improved navigation places essential actions within reach through Quick Links and Tab Bar integration. Streamlined access reduces friction for learners.

Brand consistency ensures your app reflects your site identity using icons, structure, and curated content. Visual consistency improves trust and engagement.

Member engagement increases when learners immediately see relevant content, such as links, activities, or resources, upon login.

Accessing the App Pages Screen

App Pages serve as the foundation for custom screens within the MemberPress App.

1. In your WordPress Dashboard, go to MP AppKit > App Pages.
   
2. Click Add New App Page to begin creating a new page.
   

Creating a New App Page

New App Page creation defines the content and purpose of your Homepage.

1. At the top of the editor, enter a clear title such as Home.
   
2. This title will later appear when assigning the page to menus and navigation.
   

Adding Blocks to Your Homepage

Blocks determine the functionality and layout of your Homepage.

1. Click the + icon to insert Gutenberg blocks into the page.
   
2. Search for Quick Link in the block selector.
   
3. Add the Quick Link block to connect users to internal or external destinations.
   
4. To add additional links, click the block’s + icon within the Quick Link block.
   
5. Under Icon Settings, choose an icon (for example, Facebook) and click Select Icon.
   

Repeat this process to add Members, Activity, or other supported blocks as needed.

Assigning the Homepage to the Tab Bar

Tab Bar integration makes your Homepage easily accessible from anywhere in the mobile app.

1. Go to MP AppKit > Menus > Tab Bar Menu.
   
2. Click App Page, then scroll or click View All to locate your new Home page.
   
3. Select Home and click Add to Menu.
   
4. In the menu list, click the dropdown arrow next to Home.
   
5. Click Item Icon, choose a Home icon, adjust icon settings, and click Select Icon.
   
6. Click Save Menu to apply your changes.
   

Previewing Homepage Behavior

Previewing confirms your Homepage displays and functions correctly inside the mobile app.

1. Force-close the MemberPress iOS/Android App on your mobile device.
   
2. Reopen the app to refresh settings.
   
3. Tap the Home tab in the Tab Bar.
   
4. Verify that your Members, Quick Links, and Activity blocks appear and function as expected.