Branded App: Customizing Your App's Features and Content
Once you've designed your branded app's theme, customize the content and features inside your app. Your branded app is made up of screens, similar to site pages. Choose how many screens you need as well as what each one displays.Add elements to your screens based on your business such as a Wix Stores product page, an events list, or a Wix Bookings class schedule. Then customize the screen further with buttons, images, videos and more. You can also further customize the design of your app by choosing different colors and fonts.Choose whether to customize your app's content from your site's dashboard or by downloading the Wix app and customizing from mobile. In this article, learn more about:
Customizing the header Customizing the navigation menu Adding elements to your screens Managing your screens Customizing your app design Frequently asked questions (FAQs) Video tutorialCustomizing the headerYour branded app header lives on the 'Home' screen and is the first element members see after they log in to your app. Style it for your business by adding your logo, a cover photo, and a theme color to make your buttons and accents pop.DashboardWix app Wix Studio app
Go to Branded Mobile App in your site's dashboard. Click Edit Mobile App.  Click Design on the left.  In the web editor, click your app's header to open the Edit Header panel.
Customize the design of your header using the available options:
    
Icons: Enable the relevant toggles to add additional icons to your header.
Note: Depending on the Wix apps you've installed (e.g. Wix Stores, Wix Chat) you may see different customization options. Type: Select a header design for your home screen:  DetailedCreate your header with features like your logo, a cover photo, and more. You can choose how much content you want to include.
App info: Add your app details, for example a name and tagline. You can also enable the Show logo toggle to add a logo to your header. To add a header link with more about your business, including social links, contact info, and site URL, enable the Show general info toggle Cover photo: Click the Add icon  to upload a cover photo. You can add multiple photos to create a slideshow. For slideshows, select a transition delay (in seconds) between photos. Members info: Choose what member information you want to show in the header by enabling the available toggles.  Action buttons: Add an invite button to allow members to invite others to your branded app. You can also add a custom button, for example, a button to navigate users to another screen within the app
Note: The available actions vary depending on the type of apps on your site.MinimalFor a more classic, clean look you can choose a minimal header to show a small bar at the top of your app.7. Click Save at the top right.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Change Header Design.
Choose a header design for your home screen:DetailedCreate your header with features like your logo, a cover photo, and more. You can choose how much content you want to include.
Tap Customize to edit your header.
    
App info: Add details about your app like a name and tagline. You can also enable the Show logo toggle to add a logo to your header.  To add a header link with more about your business, including social links, contact info, and site URL, enable the Show general info toggle Cover photo: Tap Add Image to upload a cover photo. You can add multiple photos to create a slideshow. For slideshows, select a transition delay (in seconds) between photos. Members info: Choose what member information you want to show in the header by enabling the available toggles.  Action buttons: Add an invite button to allow members to invite others to your branded app. You can also add a custom button, for example, a button to navigate users to another screen within the app
Note: The available actions vary depending on the type of apps on your site.   Tap Save on the top right.MinimalFor a more classic, clean look you can choose a minimal header to show a small bar at the top of your app.
Tap Customize to edit your header.
    
Style: Customize your header color to match your primary color or your background color. You can also choose which icons you want to display on the header. Icons: Enable the toggles to add additional icons to your header. 
Note: Depending on the Wix apps you've installed (e.g. Wix Stores, Wix Chat) you may see different customization options.   Tap Save on the top right.
Go to your site in the Wix Studio app. Tap Mobile App. (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Change Header Design.
Choose a header design for your home screen:DetailedCreate your header with features like your logo, a cover photo, and more. You can choose how much content you want to include.

Tap Customize to edit your header.
    
App info: Add details about your app like a name and tagline. You can also enable the Show logo toggle to add a logo to your header. Enable the Show general info toggle to add a header link with more about your business, including social links, contact info, and site URL. Cover photo: Tap  Add Image to upload a cover photo. You can add multiple photos to create a slideshow. For slideshows, select a transition delay (in seconds) between photos. Members info: Choose what member information you want to show in the header by enabling the toggles.  Action buttons: Add an invite button to allow members to invite others to your branded app. You can also add a custom button, for example, a button to navigate users to another screen within the app
Note: The available actions vary depending on the type of apps on your site.   Tap Save on the top right.MinimalFor a more classic, clean look you can choose a minimal header to show a small bar at the top of your app.
Tap Customize to edit your header.
    
Style: Customize your header color to match your primary color or your background color. You can also choose which icons you want to display on the header. Icons: Enable the toggles to add additional icons to your header. 
Note: Depending on the Wix apps you've installed (e.g. Wix Stores, Wix Chat) you may see different customization options.   Tap Save on the top right.Customizing the navigation menuYour branded app is made up of screens to help your members navigate between different areas of your app. You can choose whether the navigation menu appears at the top of bottom of your app. Then customize the design by adding custom menu icons.DashboardWix app Wix Studio app
Go to Branded Mobile App in your site's dashboard. Click Edit Mobile App.  Click the navigation bar of your app. It appears either under your app's header or at the bottom of the app.
Choose a navigation layout:
    
Top Tab Bar: Members navigate between screens at the top of your app directly under the header. Bottom Tab Bar: Members navigate between screens at the bottom of your app. You can add custom icons for each screen if you select this option.
        
Labels: Click the toggle to show or hide the name of the screen in the navigation menu. The name appears under the screen's icon. It is recommended to include the screen name for accessibility reasons. Icons: Customize the icons in your navigation menu. Each icon corresponds to a screen. Hover over an icon and click Change icon to replace it.     Click Save at the top right.
﻿Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Design at the bottom. Tap Navigation. Choose a layout for your navigation menu:
    
Top tab bar: Members navigate between screens at the top of your app directly under the header. Bottom tab bar: Members navigate between screens at the bottom of your app. You can add custom icons for each screen if you select this option.
        
Labels: Tap the toggle to show or hide the name of the screen in the navigation menu. The name appears under the screen's icon.
Tip: It is recommended to include the screen name for accessibility reasons. Icons: Customize the icons in your navigation menu. Each icon corresponds to a screen. Tap the Edit icon  next to an icon to update it.     Tap Save at the top right.
Go to your site in the Wix Studio app. Tap Mobile App. (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Design at the bottom. Tap Navigation. Choose a layout for your navigation menu:
    
Top tab bar: Members navigate between screens at the top of your app directly under the header. Bottom tab bar: Members navigate between screens at the bottom of your app. You can add custom icons for each screen if you select this option.
        
Labels: Tap the toggle to show or hide the name of the screen in the navigation menu. The name appears under the screen's icon.
Tip: It is recommended to include the screen name for accessibility reasons. Icons: Customize the icons in your navigation menu. Each icon corresponds to a screen. Tap the Edit icon  next to an icon to update it.     Tap Save at the top right.Adding elements to your screensElements make up the content of your app. Add elements to showcase who you are, what you do, and what you offer app members. For example, if you own an event planning business, add an Events element so people can RSVP straight from the app.Once you've added elements to your app, move them up or down the same screen or switch them to a different screen entirely. You can also duplicate elements, remove unwanted ones, and edit the content within each element.Tip:Learn more about adding elements for specific businesses such as online stores, restaurants and bookings.DashboardWix appWix Studio app
Go to Branded Mobile App in your site's dashboard. Click Edit Mobile App.  Click Elements on the left. Browse through the catalog and click an element to add it to your app.
Tip: In Basic Items you can add elements to design and organize your app like buttons, images, divider lines and videos.
Click the element in the app preview to customize its display and content settings.Note:Not all elements can be customized from the web editor and may need to be updated from the Wix app.
(Optional) Manage the element further using the available options:
Note: Different options may appear depending on the element you added.Element VisibilityChoose whether to display the element on Android devices, iOS devices, or both. Learn more about showing or hiding elements on different operating systems.
Click the element. Under Element visibility in the Edit panel choose an option: All, Android or iOS.Reorder an element
Click the element. Click the up or down arrows next to the element to reorder it on the screen.Duplicate an element
Click the element. Click the Duplicate icon . 
Note: The new element appears above the original element.Move the element to a different screen
Click the element. Click the Move to a different screen icon . Select a screen from the drop-down.  Click Move.Delete an element
Click the element. Click the Delete icon next to the element. Click Delete to confirm.7. Click Save at the top right.
﻿Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Go to the screen where you want to add a new element. You can switch between screens using the Screen drop-down at the top. Tap + Add Element in the section where you want the new element to appear. Choose an element from the catalog.Tip:In Basic Items you can add elements to design and organize your app like buttons, images, divider lines and videos.
Depending on the element you've added, adjust its content and display settings. Tap Add at the top right.
Note: Some elements are added automatically and don't require this step. (Optional) Manage and customize the element further. Tap the Edit icon   at the top right of an element and choose what you want to do: 
    
Customize the element:

Tap Customize element. Edit details about the element such as:
            
Element Location: Select the screen you want the element to appear in. Element Title: Change the element title and choose whether to show or hide it. Element Visibility: Choose whether to display the element to Android devices, Apple devices, or both. Learn more about showing or hiding elements on different operating systems. Display Settings: Control how your element looks on the screen and how the information is displayed.     Reorder an element: Tap Move up or Move down to reorder the element on the screen. Duplicate an element: Tap Duplicate. The new element appears above the original element. Delete an element:

Tap Delete element. Tap Delete element to confirm.    
Go to your site in the Wix Studio app. Tap Mobile App. (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Go to the screen where you want to add a new element. You can switch between screens using the Screen drop-down at the top. Tap + Add Element in the section where you want the new element to appear. Choose an element from the catalog.Tip:In Basic Items you can add elements to design and organize your app like buttons, images, divider lines and videos.
Depending on the element you've added, adjust its content and display settings. Tap Add at the top right.
Note: Some elements are added automatically and don't require this step. (Optional) Manage and customize the element further. Tap the Edit icon   at the top right of an element and choose what you want to do: 
    
Customize the element:

Tap Customize element. Edit details about the element such as:
            
Element Location: Select the screen you want the element to appear in. Element Title: Change the element title and choose whether to show or hide it. Element Visibility: Choose whether to display the element to Android devices, Apple devices, or both. Learn more about showing or hiding elements on different operating systems. Display Settings: Control how your element looks on the screen and how the information is displayed.     Reorder an element: Tap Move up or Move down to reorder the element on the screen. Duplicate an element: Tap Duplicate. The new element appears above the original element. Delete an element:

Tap Delete element. Tap Delete element to confirm.    Managing your screensUpdate your app's screens including how many screens you want to show in your navigation bar, the order of the screens, and the screen names. You can also create screens that are hidden from your app's main menu.DashboardWix app Wix Studio app
Go to Branded Mobile App in your site's dashboard. Click Edit Mobile App.  Click Screens at the left of the web editor. Choose what you want to do:Add a new screenChoose whether to add a screen that appears in your app's main navigation bar, or a screen that's hidden from navigation:
To add a screen in the navigation bar:

Click + Add next to Screens in navigation. Enter a name for the new screen and click the Checkmark icon   to save the screen name. Drag the screen up or down to where it should appear in the navigation bar.    To add a screen not in navigation:

Click + Add next to Screens not in navigation. Enter a name for the new screen and Checkmark icon   to save the screen name. Drag the screen up or down to where it should appear in the navigation bar.   Reorder a screenClick the screen you want to reorder and drag it up or down in the navigation.Rename a screen
Click the More Actions icon  ﻿ next to the relevant screen. Click Rename.  Enter a new screen name. Click the Checkmark icon   to save the screen name. Click Save at the top right.Change a screen icon
Click the More Actions icon  ﻿ next to the relevant screen. Click Change icon. Select an icon from the available options. Click Apply.  Click Save at the top right.Set screen permissionsSet permissions for each screen so that only those members with specific badges or pricing plans can access them. 
Click the More Actions icon ﻿next to the relevant screen. Click Set permissions. Choose who can access this tab: 
    
Everyone: Both visitors and members. Members only: Only people who joined your app.   Click Done. Click Save at the top right.Remove a screen from navigationHide a screen from the navigation bar. When you select this option the screen moves to the Screens not in navigation section.
Click the More Actions icon ﻿ next to the relevant screen. Click Remove from navigation.
Tip: To unhide, click the More Actions icon ﻿ ﻿ next to the screen and click Add to navigation. Click Save at the top right.Delete a screen
Click the More Actions icon  next to a screen. Click Delete.  Click Delete to confirm.
Note: The screen and all its elements can’t be restored. You can always hide it from your app's navigation instead. Click Save at the top right.
Manage your System screens
(Optional) Manage your branded app's launch and login screens. Learn more about designing each screen.
    
Launch screen: 

Click Launch under System screens. Update the background color and image of your launch screen.
Note: Changes to your app's launch screen go live once you resubmit your app to the App Store and Google Play.   Login screen: 

Click Login under System screens. Edit the login screen text, background color and image.     Click Save at the top right.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Screens at the bottom left.
Choose what you want to do:Add a new screen:
Tap + Add New Screen at the bottom to create another screen. Enter a name to show in the navigation menu. 
Tip: Hide this screen while working on its content by enabling the Hide Screen from Navigation toggle. Tap Save.Reorder screens:
Tap Reorder at the top right. Hold and drag the relevant screens to reorder the menu.  Tap Save.Edit a screen name and icon:
Tap the More Actions icon  ﻿ next to the relevant screen. Tap Edit screen name and choose what you want to do:
    
Enter the desired name. Tap the icon and select a new one.   Tap Save.Set screen permissions: Set permissions for each screen so that only those members with specific badges or pricing plans can access them. 
Tap the More Actions icon ﻿ next to the relevant screen. Tap Set screen permissions. Choose who can access this tab: 
    
Everyone: Both visitors and members. Members only: Only people who joined your app.   Tap Save.Edit a screen:
Tap the More Actions icon ﻿ next to the relevant screen. Tap Edit screen. Choose what you want to do:
    
Add a new element to your screen. Edit an existing element.    Tap Done.Remove a screen from navigation:
Tap the More Actions icon ﻿ next to the relevant screen. Tap Remove from navigation. The screen moves to the Screens not in navigation section. Tip: To unhide, tap the More Actions icon ﻿ next to the relevant screen and tap Add to navigation.Delete a screen:
Tap the More Actions icon  next to the relevant screen. Tap Delete.  Tap Delete to confirm.
Tip: The screen and elements can't be restored. You can hide it from your app's navigation instead. 
Go to your site in the Wix Studio app. Tap Mobile App. (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Screens at the bottom left.
Choose what you want to do:Add a new screen:
Tap + Add New Screen at the bottom to create another screen. Enter a name to show in the navigation menu. 
Tip: Hide this screen while working on its content by enabling the Hide Screen from Navigation toggle. Tap Save.Reorder screens:
Tap Reorder at the top right. Hold and drag the relevant screens to reorder the menu.  Tap Save.Edit a screen name and icon:
Tap the More Actions icon  ﻿ next to the relevant screen. Tap Edit screen name and enter the desired name. Tap the icon and select a new one. Tap Save.Set screen permissions: Set permissions for each screen so that only those members with specific badges or pricing plans can access them. 
Tap the More Actions icon ﻿ next to the relevant screen. Tap Set screen permissions. Choose who can access this tab: 
    
Everyone: Both visitors and members. Members only: Only people who joined your app.   Tap Save.Edit a screen:
Tap the More Actions icon ﻿ next to the relevant screen. Tap Edit screen. Choose what you want to do:
    
Add a new element to your screen. Edit an existing element.    Tap Done.Remove a screen from navigation:
Tap the More Actions icon ﻿ next to the relevant screen. Tap Remove from navigation. The screen moves to the Screens not in navigation section. Tip: To unhide, tap the More Actions icon ﻿ next to the relevant screen and tap Add to navigation.Delete a screen:
Tap the More Actions icon  next to the relevant screen. Tap Delete.  Tap Delete to confirm.
Tip: The screen and elements can't be restored. You can hide it from your app's navigation instead. 
Go to your site in the Wix Studio app. Tap Site & App. Tap Customize under Branded App.
Note: If you haven't started setting up the Branded App yet, tap Get your own mobile app. Tap Screens at the bottom left.
Choose what you want to do:Add a new screen:
Tap + Add New Screen at the bottom to create another screen. Enter a name to show in the navigation menu. 
Tip: Hide this screen while working on its content by enabling the Hide Screen from Navigation toggle. Tap Save.Reorder screens:
Tap Reorder at the top right. Hold and drag the relevant screens to reorder the menu.  Tap Save.Edit a screen name and icon:
Tap the More Actions icon  ﻿ next to the relevant screen. Tap Edit screen name. 
    
Enter the desired name. Tap the icon and select a new one.   Tap Save.Set screen permissions: Set permissions for each screen so that only those members with specific badges or pricing plans can access them. 
Tap the More Actions icon ﻿ next to the relevant screen. Tap Set screen permissions. Choose who can access this tab: Everyone or Members only. Tap Save.Edit a screen:
Tap the More Actions icon ﻿ next to the relevant screen. Tap Edit screen. Choose what you want to do:
    
Add a new element to your screen. Edit an exisiting element.    Tap Done.Remove a screen from navigation:
Tap the More Actions icon ﻿ next to the relevant screen. Tap Remove from navigation. The screen moves to the Screens not in navigation section. Tip: To unhide, tap the More Actions icon ﻿ next to the relevant screen and tap Add to navigation.Delete a screen:
Tap the More Actions icon  next to the relevant screen. Tap Delete.  Tap Delete to confirm.
Tip: The screen and elements can't be restored. You can hide it from your app's navigation instead.  Customizing your app designPersonalize your app's colors and fonts that align with your brand. Select an app theme or handpick colors and fonts to show your unique brand design.DashboardWix appWix Studio app
Go to Branded Mobile App in your site's dashboard. Click Edit Mobile App.  Click Design on the left.  Choose what you want to customize:
    
Color theme: Customize the colors of your app by selecting a color theme or individually choose the primary color, app background and text icons. Text theme: Customize your font by selecting a text theme or adjust the fonts for the headings and body individually.
Tip: Click Change App Theme to choose a pre-designed combination of colors and fonts.
 Header style: Customize the color of your header to match your primary color or your background color.   Click Save.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Design at the bottom of the screen.  Choose what you want to customize:
    
Color theme: Customize the colors of your app by selecting a color theme or individually choose the primary color, app background and text icons. Text theme: Customize your font by selecting a text theme or adjust the fonts for the headings and body individually.
Tip: Tap Change App Theme to choose a pre-designed combination of colors and fonts.
 Header style: Customize your header color to match your primary color or your background color. You can also choose which icons you want to display on the header. Navigation: Learn about editing your navigation bar in the navigation section above.   Tap Save.
Go to your site in the Wix Studio app. Tap Mobile App. (If needed) Switch to editing your branded app:
    
Tap the member app name at the top (e.g. Spaces by Wix App).  Select your branded mobile app.    Tap Edit. Tap Design at the bottom of the screen.  Choose what you want to customize:
    
Color theme: Customize the colors of your app by selecting a color theme or individually choose the primary color, app background and text icons. Text theme: Customize your font by selecting a text theme or adjust the fonts for the headings and body individually.
Tip: Tap Change App Theme to choose a pre-designed combination of colors and fonts.
 Header style: Customize your header color to match your primary color or your background color. You can also choose which icons you want to display on the header. Navigation: Learn about editing your navigation bar in the navigation section above.   Tap Save.FAQsClick a question below to learn more about customizing your branded app's features. How do I change my app language?You can choose the default language your visitors see when they download your app. To change your app language:
Go to App Settings in your branded app dashboard. Click the Default language drop-down and select a language.Note: Choosing an app language updates all Wix apps content (Wix Stores, Wix Bookings, Wix Blog etc.). Any content you've created on your own, such as adding a new text section, appears in the language you selected. The Branded App does not currently support multilingual.Why do I need to download the Wix app?Not all customization options are available in the web editor in your site's dashboard. The Wix app allows you to build out your app's content and see how it appears.If I make changes to the features and content of my app, do I have to resubmit it for review?You must resubmit your app for review if you make changes to the app's branding or design. You do not need to resubmit your app if you are making content changes. Learn more about what updates need another review.Video tutorial