header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Customizing the header
  • Adding and managing elements on your screens
  • Adding and managing your screens
  • Changing the theme color of your members app
  • Customizing your General Info screen
  • FAQs
  1. Home
  2. Using the Wix mobile apps
  3. Mobile apps for your customers
  4. Using the Wix member apps
  5. Customizing your site on the Wix member apps
  6. Wix Mobile Apps: Customizing Your Site on the Member Apps

Wix Mobile Apps: Customizing Your Site on the Member Apps

In this article
  • Customizing the header
  • Adding and managing elements on your screens
  • Adding and managing your screens
  • Changing the theme color of your members app
  • Customizing your General Info screen
  • FAQs
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 m ember 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. 
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.
  1. Go to Mobile App in your site's dashboard.
  2. Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app). 
  3. Click Edit Mobile App. 
  4. Click your app's header in the web editor to open the Edit Header preview panel.
A screenshot showing where to click the header on your desktop of the mobile web editor.

  1. 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.

  2. Click Save & Publish. 

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.
  1. Go to Mobile App in your site's dashboard.
  2. Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app). 
  3. Click Edit Mobile App. 
  4. Click the Screen drop-down at the top and choose the screen you want to edit. 
  5. Click Elements on the left. 
  6. Select a category under Add Elements. 
  7. 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.
  8. Manage the element using the available options:
9.  Click Save & Publish.

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.
  1. Go to Mobile App in your site's dashboard.
  2. Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app). 
  3. Click Edit Mobile App. 
  4. Click Screens on the left. 
A screenshot of the Screens panel.
  1. Choose what you want to do:
5. Click Save & Publish.

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.
  1. Go to Mobile App in your site's dashboard.
  2. Click the relevant tab (e.g. Spaces by Wix app, Fit by Wix app). 
  3. Click Edit Mobile App. 
  4. Click Design on the left.
A screenshot of the Design panel in the web editor of the dashboard.
  1. Click the Edit icon  next to Colors.
  2. Set the Primary color under Customize theme.
    Note: Editing text, icons, and background colors is only available when building your own native app.
  3. Click Save & Publish.

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.
  1. Go to your site in the Wix app.
  2. Tap Manage  at the bottom.
  3. Tap Mobile App. 
  4. (If needed) Switch to editing a different mobile app:
    1. Tap the mobile app name at the top.
    2. 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. 
  5. Tap Edit.
  6. Tap the Screen drop-down at the top, then tap General Info.
A screenshot of the Screen drop-down menu.
  1. Choose which information to edit: 
7.  Tap Save, then tap Done.

FAQs

Click a question to learn more about customizing your site on the member apps.

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.