Wix Mobile Apps: Customizing Your Site on the Member Apps

14 min read

Customize the way your site looks on the member apps from the mobile web editor in your dashboard or on-the-go from the Wix Owner app. Your members' app is made up of collection of 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 your event list, booking services, or product pages. Then, enhance the look with buttons and images to make your content stand out.

In this article, learn more about:

Customizing the header

Your header is the first thing members see when they visit your site on the 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 Owner app.

Dashboard

Owner app

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

A screenshot of the Edit Header panel in the web editor in your site's dashboard.

Click the Top bar 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, Wix Chat):
- Show Shopping Cart Icon: Click the toggle to add a shopping cart icon to the header so members can easily navigate to their cart.
- Show Chat Icon: Click the toggle to add a chat icon to the header that directs members to chat with you.
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 Owner app.
Click the Cover photo drop-down to upload a cover photo for your site. You can add multiple photos to create a slideshow and set the transition delay.
Click the Members info drop-down to choose what member information you want to show in the header:
- Show member count: Show or hide the number of members in your app's header.
- Show member profiles: 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.

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 Owner app.

Dashboard

Owner app

Go to Mobile App in your site's dashboard.
Click Edit Mobile App.
Click Screens.

Choose what you want to do:

Add a new screen

Add a screen not in navigation

Set screen permissions

Remove a screen from navigation

Reorder a screen

Rename a screen

Delete screen

5. Click Save & Publish.

Adding and managing elements to your screens

Add elements such as images and text to your members app to showcase all that you offer. For example, if you own a shop, add a store product page to showcase and sell your online store products straight from the app.

Dashboard

Owner app

Go to Mobile App in your site's dashboard.
Click Edit Mobile App.
Click Elements.
Scroll through the catalog and click an element to add it to your app.
Note: Not all elements can be customized from the web editor. You can update those elements from the Wix Owner app.
Manage the element using the available options:
Note: Different options may appear depending on the element you added.

Element visibility

Reorder an element

Duplicate an element

Remove an element

6. Click Save & Publish.

Customizing your General Info screen

The General Info screen lets you make changes to your site information that your members can see in their members apps. Edit your site's information, logo settings, tagline, list of members, and various social links.

Note:

Currently, this feature is only available from Wix Owner app.

To customize your general info:

Go to your site in the Wix Owner app.
Tap Site & App at the bottom.
Tap Customize under Mobile App.
Note: If you haven't set up the mobile app your members will use, tap Let's Go under Mobile App then choose your preferred members app.
Tap the Screen drop-down at the top, then tap General Info.
Choose which information to edit: