Site Members: Adding and Setting Up the Members Area
Add a members area so visitors can create an account on your site. After they sign up, they can log in to access exclusive pages and services. The members area works with your business apps (such as Wix Stores and Wix Bookings) and your social apps (such as Wix Groups and Wix Blog).
Step 1 | Add the members area app
To get started add the members area app. This automatically installs pages like Account Settings and some basic elements like the login bar, which you can customize in the next steps.
Using other Wix Apps?
When you add certain Wix apps (such as Wix Online Programs), a members area is added automatically. If that is your case, you can skip to Step 2.
Wix Editor
Click Add Apps
on the left side of the editor.
Search for the Wix Members Area app in the search bar then select the app.
Click Add to Site.
Studio Editor
Click App Market
on the left side of the editor.
Search for the Wix Members Area app in the search bar then select the app.
Click Add to Site.
Harmony Editor
Click + Add at the top left of the editor.
Click the Arrow icon
to navigate to the Apps category.
Click Wix App Market at the bottom left.
Search for the Wix Members Area app, then select the app.
Click Add to Site.
Dashboard
Go to the Members Area app in the Wix App Market.
Click Add to Site.
Step 2 | Set up the Account Settings page
After the app finishes installing in the editor, the Account Settings page is added to your site – this is usually the first place members go to manage their details, update their personal info and change account settings. Choose a layout that suits your site and decide which inner tabs and elements to display.
Tip:
Some Wix apps automatically add pages to your members area. For example, Wix Stores can add a My Orders page, and Wix Bookings can add a My Bookings page so members can track their purchases and appointments.
Wix Editor
Go to the Account Settings page in your editor.
Select the Members Area element.
Choose what you want to update:
Members Area element (whole page)
The Members Area element contains the whole Account Settings area and includes many general settings. Select the element and use the available options:
Change Layout: Select between Full Width or Cards.
Show or hide elements: Click the Elements icon
. Select or clear the checkboxes next to Page Title and Settings Menu to show or hide these elements.
Design elements: Click the Design icon
to adjust the fill color, border, corners and shadows.
Page title text
This is the title that appears at the top of the Account Settings page. Select the element and choose what to do next:
Change the title text: Double-click the element and type your new title.
Design and format the text: Click Edit Text to customize settings like font, size, formatting, color and more.
Horizontal menu
This is the inner menu of the Account Settings page, including tabs to organize your members' settings.
Select the horizontal menu element.
Choose what you want to do next:
Add or remove tabs: Click Manage and Navigate to decide which inner tabs are displayed on the page's menu.
Change the layout: Click the Layout
icon to change the look of your menu from wrap to scroll, add dropdown items, or change your menu to mega menu.
Design your menu: Click the Design icon
and select what you want to design: The menu's container or items using the available design settings.
My Account element
This element covers the rest of the page, below the title and inner menu.
Select the My Account element.
Choose what you want to do next:
Customize settings: Click Settings to change the Design, Text and Layout of your Settings page using the available options.
Manage Fields: Click Manage Fields to change the information you collect from members. Add new fields, edit existing ones and decide which ones are public to other members.
Studio Editor
In the Studio Editor, you are redirected to the Member Page, which includes Account Settings as an inner tab.
Go to the Member Page in your editor.
Choose a layout for the Members Area:
Select the Member Page element.
Click Change Layout.
Choose a layout you like (Full Width or Cards).
Choose which elements to show in the Members Area:
Click the Elements icon
.
Select the checkboxes next to the elements you want members to see:
Member Card: This element shows each member's name and profile picture. It appears on every tab of their account.
Member Menu: This is the menu members use in order to navigate between tabs.
(Optional) Design the Member Page element:
Click the Open Inspector icon
at the top right of the editor.
(In the Inspector) Adjust the available settings under Design (e.g. fill color, border, shadows).
Wix Harmony Editor
Go to the Account Settings page in your editor.
Select the Members Area element.
Choose what you want to update:
Members Area element (whole page)
The Members Area element contains the whole Account Settings area and includes many general settings. Select the element and use the available options on the action bar:
Show or hide elements: Click the Display Elements icon
. Select or clear the checkboxes next to Header and Menu to show or hide these elements.
Design elements: Click the All design options icon
on the action bar. Choose the relevant element - Header, Page title, or Menu - and the specific part you want to work on. You can adjust settings like fill color, border, spacing, and much more.
Note: The available design settings depend on the part and element you chose to design.
Page title
This is the title that appears at the top of the Account Settings page. Select the page title and use the available options on the action bar:
Format the text: Use the shortcuts on the action bar to adjust quick formatting settings like font, size, alignment, color and more. Click the All text options icon
to see the full range of design settings.
Choose a different text style: Connect this title to one of your branded text styles.
Tip: The page title appears inside a small header that you can choose whether to show or hide. You can also change this header's design. Click the Members Area element to get started.
Horizontal menu
This is the inner menu of the Account Settings page, including tabs to organize your members' settings.
Select the menu element.
Choose what you want to do next:
Customize your menu: Click Manage Menu on the action bar to decide which inner tabs are displayed on the page's menu.
Design your menu: Click the All design options icon
to see the full range of design settings.
My Account element
This element covers the rest of the page, below the title and inner menu.
Select the My Account element.
Click the Settings
icon on the action bar..
Choose what you want to update:
Align your elements: Click the Layout tab to set up the alignment and spacing using the available options.
Design your members area: Click the Design tab to customize the element's text, buttons, input style, dividers and backgrounds and borders.
Step 3 | Customize your login bar
Customize the login bar members use to sign in to your members area, along with the menu it opens. You can choose which tabs and links appear in the menu, adjust the layout, and design the element so it matches your site’s style.
Using the Studio editor?
There's an additional form of navigation in the Studio Editor – members can also use the Member Menu on the Member Page. Learn more about customizing the member menu in Studio.
Step 4 | View and set up every page
View and set up every member page, including any pages that were added automatically based on the Wix apps you installed. In addition to the Account Settings page, you may see pages like My Orders or My Bookings in your members area. You can adjust each page’s design and text so they fit your site and content.
Wix Editor
Click Pages & Menu
on the left side of the editor.
(In the Site Pages panel) Select the relevant page under the Members Area section.
Select the members element on your page.
Click Settings.
Choose what you want to change:
Design: Customize your background, borders, text font and color.
Text: Update the text and links on your page.
Studio Editor
In the Studio Editor, the member pages appear as tabs under a single Member Page.
Select the Member Menu element.
Click Manage and Navigate.
Click the relevant tab to access it.
Click anywhere on the tab's content to select it.
Click Settings.
Use the available options to adjust the text, layout and design.
Wix Harmony Editor
Click the Page dropdown at the top left of the page.
(In the Site Pages panel) Select the relevant page under the Members Area section.
Click the Settings icon
on the actions bar.
Choose what you want to change:
Design: Customize your background, borders, text font and color.
Text: Update the text and links on your page.
FAQs
Click a question below to learn more.
What types of pages can my Members Area include, and can I make them members-only?
Every Members Area comes with private pages (e.g. My Account, Notifications) that let members view their personal information. You can also add your own exclusive content for members, creating custom member pages.
If you're using certain Wix apps on your site, this automatically adds more pages to enhance the member's experience and engagement. For example, Wix Stores adds pages like My Wallet and My Orders so customers can track their transactions with ease.
Tip: You can change any page on your site to Members Only, so it's not available to the general public. Learn how to do this in Wix Editor / Studio Editor.
Where can I manage member privacy, roles, and the information I collect at signup?
Go to Site Members Settings where you can adjust the privacy settings, add member roles, decide what info to collect upon signup and more.
Can I customize the member pages that apps like Wix Bookings or Wix Events add?
Yes. Learn more about customizing app specific pages.