Wix Member Apps: Customizing Your Site on the Member Apps
Customize the way your site looks on the Wix member apps from the mobile web editor in your dashboard, or on-the-go from the Wix app. Your Wix member apps are made up of different screens, resembling site pages. Use these screens to display what your members see on each one.Design your screens with elements that represent your business, such as online programs, booking services, or product pages. Then, enhance the look with buttons and images to make your content stand out. Customizing the headerYour header is the first thing members see when they visit your site on the Wix member apps. Style it for your business by adding a unique logo and cover photo. You can choose what information to showcase and turn site visitors into members.Some of the steps vary when you customize your site's header from desktop and the Wix app. DashboardWix appThe member count in your site's dashboard displays all app members. This includes members with both public and private profiles, as well as blocked members.
Go to Mobile App in your site's dashboard. Click Edit Mobile App. Click your app's header in the web editor to open the Edit Header preview panel.
Click the Icons drop-down to add quick actions to your header and all screens. The icons displayed in the panel depend on the Wix apps you added to your site (e.g. Wix Stores): 
    
Show shopping cart icon: Click the toggle to add a shopping cart icon to the header so members can easily navigate to their cart.   Click the App Info drop-down and choose what you want to customize:
    
Name: Enter the name of your site. Subtitle: Enter a slogan or a short announcement. Show logo: Enable the toggle to display your logo in the header. 
Tip: Create your own unique logo with the Wix Logo maker. Show general info: Enable the toggle to show a link to a screen with basic information about your business. Learn how to customize the General info screen from the Wix app.   Click the Cover photo drop-down to upload a cover photo for your site.  Click the Members info drop-down to choose what member information you want to show in the header: 
    
Show member count: Click the toggle to Show or hide the number of members in your app's header. Show member profiles: Click the toggle to show or hide member profile avatars in your app's header.   Click the Action buttons drop-down to add buttons your header.
    
Show Invite Button: Click the toggle to show or hide a button that allows members to invite more people to your app. Show Custom Button: Click the toggle to add a custom button to your header. For example, a 'Send Us a Message"  button can send members to chat with you in real-time.   Click Save & Publish. 
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  Tap Edit under your site name or the name of your branded app. Tap Change Header Design. Tap Customize.
Customize the App Info: 
    
Title: Update the name of your site. Subtitle: Enter a slogan or a short announcement. Enable the Show Tagline toggle to show a custom tagline (a slogan or a short announcement). Show Logo: Enable the toggle to display your logo in the header. Show general info: Enable the toggle to show a link to a screen with basic information about your business. Cover photo: Upload a cover photo for your site and add effects in the Wix Photo Studio.    Choose what member information you want to show in the header: 
Note: To display your members list go to Roles & permissions and turn on 'Members Visibility'.
    
Show member count: Enable the toggle to display the number of members in your app.
﻿﻿Note: This only counts members with public profiles in the app. Show member profiles: Enable the toggle to display your members with their profile avatar.   Choose what actions you want to encourage members to take by displaying the following the header:
    
Show Invite Button: Enable the toggle that displays a button that lets people invite others to your app. Show Custom Button: Enable the toggle to display a button with custom text and action.
        
Tap the Select Button Action drop-down to choose the button action. Enter the Button Label. Choose what the button does from the Select Button Action drop-down and enter the button's text under Button Label.      Tap Save at the top right.Adding and managing elements on your screensAdd elements to your app to display your content and what you offer. For example, add Online Programs and turn members into active participants. Place these elements where members can easily see and interact with them.Once you've added elements, choose where to display them, and easily manage, edit, or remove them for a personalized experience.Dashboard Wix app
Go to Mobile App in your site's dashboard. Click Edit Mobile App. Click Elements on the left. Scroll through the catalog and click an element to add to your app. For example, under Basic Items you can add elements to design and organize your app like buttons, media, titles and paragraphs.
Note: Not all elements can be customized from the web editor. You can update those elements from  the Wix app.
Manage the element using the available options:Reorder an element
Click the element. Click the Up or Down arrows next to the element.Duplicate an element
Click the element. Click the Duplicate icon  . Remove an element
Click the element. Click the Delete icon. Click Delete to confirm.Adjust element margins Choose the amount of padding you want for the element.
Click the element. Scroll down to Margins on the right.  Drag the Margins sliders to adjust the padding around the element.
Note: You can adjust the top and bottom margins for all elements. For some elements, you can also adjust the left and right margins.
 (Optional) Click the Edit individually icon to separately adjust the margins. Set element visibilityChoose what devices to display the element on (e.g. Android, iOS, or both). 
Click the element. Scroll down and click General Settings on the right.   Under Element visibility, choose what devices to show the element in: All, Android or iOS.6.  Click Save & Publish.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  Tap Edit under your site name or the name of your branded app.  Tap the Screen drop-down and select the relevant screen.  Tap + Add Element.  Choose the element you want to add. For example, under Basic Items you can add elements to design and organize your app like buttons, media, titles and paragraphs.
Note: Not all elements can be customized from the web editor. You can update those elements from  the Wix app.
(If needed) Edit the content and display settings and tap Add at the top right. 
Note: Some elements are added automatically and don't require this step. Manage and customize the element further: 
    
Tap the Edit icon   on the relevant element.  Choose what you want to do:
Note: The options available depend on the type of element you select. 
        
Customize element: Edit details about the element such as:
            
Element Title: Change the element title and choose whether to show or hide it. Margins: Drag the Margins sliders to adjust the padding around the element. Element Visibility: Choose whether to display the element to Android devices, Apple devices, or both.  Element Location: Select the screen you want the element to appear in. Display Settings: Update the details that display in the element.   Move up / down: Move the element up or down in the screen.  Duplicate: Create a copy of the element.  Remove element: Permanently delete the element.      Tap Save.Adding and managing your screensYour site is made up of screens that you display in the navigation menu to help your members easily find what they are looking for. You can also hide screens from your app's main menu and choose who can access each screen.Manage the screens from the web editor in your site's dashboard or on-the-go from the Wix app.DashboardWix app 
Go to Mobile App in your site's dashboard. Click Edit Mobile App. Click Screens on the left. 
Choose what you want to do:Add a new screenAdd a screen that appears in your app's main navigation bar.
Click + Add next to Screens in navigation. Enter a name for the new screen. Drag the screen up or down to where it should appear in the navigation bar. Add a screen not in navigationAdd a screen that's hidden from navigation.
Click + Add next to Screens not in navigation. Enter a name for the new screen. Click the checkmark to save the screen name.
Note: All your screens are currently in the navigation. When you remove screens from the navigation you’ll see them here.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: All members, members with badges or members with pricing plans.  Click Done.
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.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.Delete screen
Click the More Actions icon  next to a screen. Cick Delete.  Click Delete to confirm.5. Click Save & Publish.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  Tap Edit under your site name or the name of your branded app. Tap Screens at the bottom left.
Choose what you want to do:Add new screenAdd a screen that appears in your app's main navigation bar.
Tap + Add New Screen at the bottom to create another screen. Enter a name to show in the navigation menu.
Tip: Enable the Hide screen from navigation toggle to hide your screen while working on its content.  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: All members, members with badges or members with pricing plans.  Tap Save.Remove from navigationWhen you remove a screen from navigation, the screen moves to the Screens not in navigation section.
Tap the More Actions icon ﻿ next to the relevant screen. Tap Remove from navigation. Tip: To unhide, tap the More Actions icon ﻿ next to the relevant screen and tap Add to navigation.Reorder
Tap Reorder at the top right. Hold and drag the relevant screens to reorder the menu.  Tap Save.Edit screen name
Tap the More Actions icon  ﻿ next to the relevant screen. Tap Edit screen name.  Enter the desired name. Tap Save.Delete
Tap the More Actions icon  next to the relevant screen. Tap Delete.  Choose what you want to do with the content of this screen:
    
Move Elements to Home: Delete the screen and move its elements to your Home screen.  Delete: Permanently delete the screen and its elements without moving them to the Home screen.    Changing the theme color of your members appPersonalize your members' app experience by choosing a custom color theme that matches your brand. The color you select integrates across the app, from the header to other key elements.DashboardWix app
Go to Mobile App in your site's dashboard. Click Edit Mobile App. Click Design on the left.
Click the Edit icon  next to Colors. Set the Primary color under Customize theme. Click Save & Publish.
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  Tap Edit under your site name or the name of your branded app. Tap Design. Tap Color theme.
Tap the Edit icon  next to Primary and set the color. Tap Save then Done.Customizing your General Info screenThe General Info screen lets you make changes to your site information that members see in their members apps. Edit your contact info, logo settings, tagline, list of members, and various social links. Note:Currently, this feature is only available from the Wix app.To customize your general info: 
Go to your site in the Wix app. Tap Manage  at the bottom. Tap Mobile App.  Tap Edit under your site name or the name of your branded app. Tap the Screen drop-down at the top, then tap General Info. Choose which information to edit: Contact information
Tap the Edit icon  next to Contact Us.  Tap Customize element and choose from the following options:
    
Element Title: Update the text under Element Title if you wish to change this from the preset 'Contact Us' title. Display Settings: Tap the relevant checkboxes next to the elements you want to display.  Edit Business Info: Tap Edit Business Info to customize the business information. Choose from the following options: 
        
Business Name: Edit the business name used for emailing, invoicing and more.  Email: Update the email used to notify you about activities in your site.   Currency: Choose the currency you would like to accept.  Time Zone: Select the time zone used for your business calendar, invoicing and more.  Description: Enter a description about your business.  Phone Number: Add a phone number so members can contact you.  Location: Tap the checkbox next to My business has a physical address to enter a business location.    Element Visibility: Choose whether to display the element to Android devices, Apple devices, or both.   Member strip
Tap Edit icon  next to Member Strip. 
Tip: Tap Hide element if you do not want to display this on your site. Tap Customize element and choose what you want to edit: 
    
Element Title: Update the text under Element Title to change this from the preset 'Member Strip' title.  Element Visibility: Choose whether to display the element to Android devices, iOS devices, or both.   Social links
Tap Edit icon   next to Social Links. Tap Customize element and choose what you want to edit:
    
Element Title: Update the text under Element Title if you wish to change this from the default 'Social Links' title. Social link: Choose from the following options:
        
Add Social Link: Tap + Add Social Link and enter the URL you want to link.
Note: Repeat this step to add up to 6 social links. Remove Link: Tap Remove Link under a specific URL and tap Remove to confirm.   Element Visibility: Choose whether to display the element to Android devices, iOS devices, or both.    7.  Tap Save, then tap Done.FAQsClick a question to learn more about customizing your site on the member apps.Why does the member count in my dashboard differ from what members see in the app?The number of members you see in the Mobile App tab of your site's dashboard includes those with public and private profiles, as well as blocked members. 

When you enable the Show member count option in the members app, it only displays app members with a public profile to other app members. Why do some elements display real-time data while others display a demo message?Currently, not all customization options are available from the web editor in your site's dashboard. Download the Wix app for complete access to customization capabilities.
Do I need to make changes from the web editor in my dashboard and the Wix app?No. The changes you make on the member apps from the web editor in your site's dashboard also appear on the Wix app.