Wix Mobile Apps: Customizing Your Site on the Member Apps
Customize how your site looks on the Wix member apps (e.g. Spaces by Wix, Fit by Wix) using the mobile web editor in your mobile dashboard or directly from the Wix app. Your Wix member apps consist of different screens that resemble site pages. These screens display what your members see, allowing you to design each one with elements that represent your business, such as online programs, booking services, or product pages.
Design your screens with buttons and images to make your content stand out. For example, if you run a small online store and need to quickly update product details or post a new blog entry while you're out and about, you can easily do so through the Wix app.
Customizing the header
Your 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.
Dashboard
The 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 the relevant tab (e.g. Spaces by Wix app, Fit by Wix app).
Click Edit Mobile App.
Click your app's header in the web editor to open the Edit Header preview panel.
Choose what you want to edit:
Type: You can only edit a detailed header with member apps; selecting a minimal header is only available when customizing your own app.
App Info: Choose what you want to customize. You can edit your app name and subtitle. Enable the Show logo toggle to display your logo and enable Show general info to add a link with basic business information.
Tip: Create your own unique logo with Wixel.
Cover photo: Upload a cover photo for your site. You can add multiple photos and set the duration between each transition
Members info: Enable the relevant toggles to show or hide member count and profiles in the header.
Action buttons: Enable the relevant toggles to show or hide an invite button and a custom button, then choose the button action and text. For example, a Send Us a Message button can send members to chat with you in real-time.
Click Save & Publish.
Wix app
Go to your site in the Wix app.
Tap Manage
at the bottom.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap Change Header Design.
Tap Customize next to Detailed. Selecting a minimal header is only available when building your own app.
Choose what you want to edit:
App Info: Edit your app name and subtitle, enable Show logo to display your logo, and enable Show general info to add a link with basic business information. Learn how to customize the General info screen.
Cover photo: Upload a cover photo for your site.
Members info: Enable toggles to show or hide member count and profiles in the header.
Action buttons: Enable toggles for an invite button and a custom button, then choose the button action and text.
Tap Save at the top right.
Wix Studio app
Go to your site in the Wix Studio app.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap Change Header Design.
Tap Customize next to Detailed. Selecting a minimal header is only available when building your own app.
Choose what you want to edit:
App Info: Edit your app name and subtitle, enable Show logo to display your logo, and enable Show general info to add a link with basic business information. Learn how to customize the General info screen.
Cover photo: Upload a cover photo for your site.
Members info: Enable toggles to show or hide member count and profiles in the header.
Action buttons: Enable toggles for an invite button and a custom button, then choose the button action and text.
Tap Save at the top right.
Adding and managing elements on your screens
Add 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
Go to Mobile App in your site's dashboard.
Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app).
Click Edit Mobile App.
Click the Screen drop-down at the top and choose the screen you want to edit.
Click Elements on the left.
Select a category under Add Elements.
Click the element you want to add to your screen. For example, under Basic Items you can add elements to design and organize your app like buttons, media, titles and paragraphs.
Note: Some elements can only be customized 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 visibility
Choose 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.
9. Click Save & Publish.
Wix app
Go to your site in the Wix app.
Tap Manage
at the bottom.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap + Add Element in the relevant location.
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.
Tip: Tap the Search icon
to look for specific elements.
(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 are displayed 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.
Wix Studio app
Go to your site in the Wix Studio app.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap + Add Element in the relevant location.
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.
Tip: Tap the Search icon
to look for specific elements.
(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 are displayed 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 screens
Your 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.
Dashboard
Go to Mobile App in your site's dashboard.
Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app).
Click Edit Mobile App.
Click Screens on the left.
Choose what you want to do:
Add a new screen
Add 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 navigation
Add 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 permissions
Set 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 navigation
Hide 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 screen
Click 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.
Click Delete.
Click Delete to confirm.
5. Click Save & Publish.
Wix app
Go to your site in the Wix app.
Tap Manage
at the bottom.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap Screens at the bottom left.
Choose what you want to do:
Add new screen
Add 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 navigation
When 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 in the Screens not in navigation section. Then tap Add to navigation.
Reorder
Tap Reorder at the top right.
Choose what you want to do:
Hold and drag the relevant screens to reorder the menu.
(Optional) Tap the Minus icon
to remove a screen from navigation.
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.
Wix Studio app
Go to your site in the Wix Studio app.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap Screens at the bottom left.
Choose what you want to do:
Add new screen
Add 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 navigation
When 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 in the Screens not in navigation section. Then 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 app
Personalize 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.
Dashboard
Go to Mobile App in your site's dashboard.
Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app).
Click Edit Mobile App.
Click Design on the left.
Click the Edit icon
next to Colors.
Set the Primary color under Customize theme.
Note: Editing text, icons, and background colors is only available when building your own native app.
Click Save & Publish.
Wix app
Go to your site in the Wix app.
Tap Manage
at the bottom.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Design.
Tap Color theme.
Tap the Edit icon
next to Primary and set the color.
Note: Editing text, icons, and background colors is only available when building your own native app.
Tap Save then Done.
Wix Studio app
Go to your site in the Wix Studio app.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
Tap Design.
Tap Color theme.
Tap the Edit icon
next to Primary and set the color.
Note: Editing text, icons, and background colors is only available when building your own native app.
Tap Save then Done.
Customizing your General Info screen
The 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.
Wix app
Go to your site in the Wix app.
Tap Manage
at the bottom.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
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.
Wix Studio app
Go to your site in the Wix Studio app.
Tap Mobile App.
(If needed) Switch to editing a different mobile app:
Tap the mobile app name at the top.
Tap the relevant mobile app.
Tip: If you want to edit a different mobile app (e.g. Fit by Wix), choose the app as your preferred mobile app.
Tap Edit.
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.
FAQs
Click 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.
Can I add custom functionality or code to my member app?
The member apps do not support custom code or backend customization. If you’re looking for advanced features or want to add your own code, you can build your own native mobile app.
Can I use the Spaces app without creating a website?
No, you need to have a Wix website to use the Spaces app. The Spaces app is connected to your site and lets your members engage with your community, access exclusive content, book services, and more. If you want a mobile app that’s not tied to a website, you can build your own native mobile app. Building your own app lets you customize your mobile experience and even submit your app to the App Store or Google Play for wider reach.
How can I convert contacts into members?
Invite your contacts to become members so they can log in and access your site’s exclusive content or connect via the Spaces app. When you set a contact as a member, they receive an invitation email to join.
To set a contact as a member:
Go to Contacts in your site's dashboard.
Click the relevant contact.
Scroll down and click Member info under Overview.
Click Set Contact as Member.
Click Set Member.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected