Configuration de la page d'accueil de l'application MemberPress iOS et Android

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.

Engagement des membres 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. Dans votre tableau de bord WordPress, rendez-vous dans MP AppKit > App Pages.
   
2. Cliquez sur 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 Accueil.
   
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. Cliquez sur le bouton + icon to insert Gutenberg blocks into the page.
   
2. Rechercher Quick Link in the block selector.
   
3. Ajouter le 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. Sous Icon Settings, choose an icon (for example, Facebook) and click Sélectionner l'icône.
   

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. Aller à MP AppKit > Menus > Tab Bar Menu.
   
2. Cliquez sur Page d'application, then scroll or click View All to locate your new Accueil page.
   
3. Sélectionner Accueil et cliquez sur Ajouter au menu.
   
4. In the menu list, click the dropdown arrow next to Accueil.
   
5. Cliquez sur Icône d'élément, choose a Home icon, adjust icon settings, and click Sélectionner l'icône.
   
6. Cliquez sur Sauvegarder le 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. Appuyez sur la touche Accueil tab in the Tab Bar.
   
4. Verify that your Members, Quick Links, and Activity blocks appear and function as expected.