Wix Site Members: Adding and Managing the Member Authentication App
The signup and login forms are part of the Member Authentication app. Add the app to your site to upgrade your member experience, then customize each form to match your design and control what members see.
Note:
This article refers to the new version of the member signup and login forms.
Adding the Member Authentication app
If your Wix editor or Studio site uses the old experience (default or custom signup and login forms), you can add the Member Authentication app to access new customizable member screens, including the reset password and access-restricted popups.
The Member Authentication app includes these screens: Signup form, Login form, Access Restricted, Pending Approval, Email Confirmation, Reset Password, Create New Password, Expired Reset Link.
Wix Editor
Choose what you want to do next:
Install the Member Authentication app in a new site
You have 2 options for adding the Member Authentication app:
Add Wix Members Area: Choose this option if you want members to edit their personal account on your live site. When you add Wix Members Area to your site, the Member Authentication app is included automatically.
Restrict a page to site members: Choose this option if you only want certain pages to be available to specific site visitors. The Member Authentication app is installed automatically, without adding Wix Members Area.
Update the previous experience to the Member Authentication app in an existing site
Click Pages & Menu
on the left side of the editor.
Click Signup & Login.
Hover over Member Signup Form (Default).
Click the Settings icon
.
Click Add to Site under Unlock new member screens.
Publish your site to show the new forms on your live site.
Studio Editor
Choose what you want to do next:
Install the Member Authentication app in a new site
You have 2 options for adding the Member Authentication app:
Add Wix Members Area: Choose this option if you want members to edit their personal account on your live site. When you add Wix Members Area to your site, the Member Authentication app is included automatically.
Restrict a page to site members: Choose this option if you only want certain pages to be available to specific site visitors. The Member Authentication app is installed automatically, without adding Wix Members Area.
Update the previous experience to the Member Authentication app in an existing site
Click the Pages icon
on the left side of the editor.
Hover over Signup (Default) and click the More Actions icon
.
Click Settings.
Click Add to Site under Unlock new member screens.
Publish your site to show the new forms on your live site.
Wix Harmony Editor
Click the Page dropdown at the top left of the page.
(In the Site Pages panel) Find the page you want to restrict to members only and click the More Actions icon
.
Click Settings.
Click Access.
Click Manage Access.
Click Members.
Select which type of members can access this page: All site members or Members with roles, plans, or badges.
Click Save.
Managing the Member Authentication app
Manage the content and settings of your signup and login forms from the form’s settings panel in your editor. You can show or hide form elements, update signup fields, manage social login options, and access your site’s member settings and security tools.
Wix Editor
Click Pages & Menu
on the left side of the editor.
Click Member Authentication on the side panel.
Select the relevant form.
Click the form element on the page.
Click Settings.
Choose what you want to do next:
Customize the form elements
Click the Display tab.
Under Displayed elements, select or deselect the elements you want to show:
Title
Subtitle
Log in link
Choose what else you want to manage:
To add or remove form fields, click Edit Form Fields.
Under Social signup/login options, select Google or Facebook to enable social login, then drag the handles to reorder the buttons.
Under Member privacy, choose how to show the privacy message:
Checkbox: Members must select the checkbox to continue.
Footnote: The privacy message appears below the form.
Under Consent statement, click Terms of use & privacy policy.
Terms of use link: Click Add a link and set up the link.
Privacy policy link: Click Add a link and set up the link.
Customize the form layout
Click the Layout tab.
Customize the layout using the available options:
Form layout: Select whether the social login buttons appear above or below the form fields.
Social signup buttons: Choose how the buttons appear:
Stack: The buttons appear vertically.
Row: The buttons appear side by side.
Icons: Only the social icons appear.
Spacing between buttons: Drag the slider to set the gap between the social login buttons.
Sign up/Log in button: Choose how the button is displayed:
Stretched: The button spans the full width.
Hug text: The button width fits the label text.
reCAPTCHA: Add reCAPTCHA fields to your signup and login forms that site visitors need to check.
Element spacing: Drag the sliders to adjust the spacing between form elements and the side padding.
Style the form elements
Click the Design tab.
Click the element you want to style:
Title and subtitle: Change the look of the heading text on the form.
Log in link: Style the link people click if they already have an account.
Input fields: Customize fields such as email and password.
Sign up button: Adjust the design of the main button.
Divider: Style the line that separates sections of the form.
Social signup/login options: Change the appearance of the social signup/login buttons.
Privacy and terms of use footnote: Customize the text area for legal links or notices.
Close button: Adjust the look of the button that closes the form.
Error message: Style the message that appears when there is a problem with the information entered.
Background: Change the form background design.
Customize the text elements
Click the Text tab.
Customize the text using the available options:
Title & subtitle: Edit the main heading and the text below it at the top of the form.
Log in link: Edit the text for people who already have an account and want to log in.
Input fields: Edit the text shown for each field, such as field labels and placeholder text.
Sign up button: Edit the text on the button people click to create an account.
Social signup options: Edit the text shown for the social signup buttons and the divider text between the signup options.
Manage the form settings
Click the Settings tab.
Choose what you want to manage:
Site Member Settings: Manage who can sign up to your site and adjust profile privacy settings.
Signup Security: Add extra protection to help prevent spam and bot signups.
Manage Member Access: Control access to members-only pages and member roles.
Member List: Open your member list in your site's dashboard to manage existing members.
Studio Editor
Click the Pages icon
on the left side of the editor.
Under Member Authentication, select the relevant form.
Click the form element on the page.
Click Settings.
Choose what you want to do next:
Customize the form elements
Click the Display tab.
Under Displayed elements, select or deselect the elements you want to show:
Title
Subtitle
Log in link
Choose what else you want to manage:
To add or remove form fields, click Edit Form Fields.
Under Social signup/login options, select Google or Facebook to enable social login, then drag the handles to reorder the buttons.
Under Member privacy, choose how to show the privacy message:
Checkbox: Members must select the checkbox to continue.
Footnote: The privacy message appears below the form.
Under Consent statement, click Terms of use & privacy policy.
Terms of use link: Click Add a link and set up the link.
Privacy policy link: Click Add a link and set up the link.
Customize the form layout
Click the Layout tab.
Customize the layout using the available options:
Form layout: Select whether the social login buttons appear above or below the form fields.
Social signup buttons: Choose how the buttons appear:
Stack: The buttons appear vertically.
Row: The buttons appear side by side.
Icons: Only the social icons appear.
Spacing between buttons: Drag the slider to set the gap between the social login buttons.
Sign up/Log in button: Choose how the button is displayed:
Stretched: The button spans the full width.
Hug text: The button width fits the label text.
reCAPTCHA: Add reCAPTCHA fields to your signup and login forms that site visitors need to check.
Element spacing: Drag the sliders to adjust the spacing between form elements and the side padding.
Style the form elements
Click the Design tab.
Click the element you want to style:
Title and subtitle: Change the look of the heading text on the form.
Log in link: Style the link people click if they already have an account.
Input fields: Customize fields such as email and password.
Sign up button: Adjust the design of the main button.
Divider: Style the line that separates sections of the form.
Social signup/login options: Change the appearance of the social signup/login buttons.
Privacy and terms of use footnote: Customize the text area for legal links or notices.
Close button: Adjust the look of the button that closes the form.
Error message: Style the message that appears when there is a problem with the information entered.
Background: Change the form background design.
Customize the text elements
Click the Text tab.
Customize the text using the available options:
Title & subtitle: Edit the main heading and the text below it at the top of the form.
Log in link: Edit the text for people who already have an account and want to log in.
Input fields: Edit the text shown for each field, such as field labels and placeholder text.
Sign up button: Edit the text on the button people click to create an account.
Social signup options: Edit the text shown for the social signup buttons and the divider text between the signup options.
Manage the form settings
Click the Settings tab.
Choose what you want to manage:
Site Member Settings: Manage who can sign up to your site and adjust profile privacy settings.
Signup Security: Add extra protection to help prevent spam and bot signups.
Manage Member Access: Control access to members-only pages and member roles.
Member List: Open your member list in your site's dashboard to manage existing members.
Wix Harmony Editor
Click the Page dropdown at the top left of the page.
(In the Site Pages panel) Select the relevant page under Member Authentication.
Select the relevant form.
Click the form element on the page.
Click Settings.
Choose what you want to do next:
Customize the form elements
Click the Display tab.
Under Displayed elements, select or deselect the elements you want to show:
Title
Subtitle
Log in link
Choose what else you want to manage:
To add or remove form fields, click Edit Form Fields.
Under Social signup/login options, select Google or Facebook to enable social login, then drag the handles to reorder the buttons.
Under Member privacy, choose how to show the privacy message:
Checkbox: Members must select the checkbox to continue.
Footnote: The privacy message appears below the form.
Under Consent statement, click Terms of use & privacy policy.
Terms of use link: Click Add a link and set up the link.
Privacy policy link: Click Add a link and set up the link.
Customize the form layout
Click the Layout tab.
Customize the layout using the available options:
Form layout: Select whether the social login buttons appear above or below the form fields.
Social signup buttons: Choose how the buttons appear:
Stack: The buttons appear vertically.
Row: The buttons appear side by side.
Icons: Only the social icons appear.
Spacing between buttons: Drag the slider to set the gap between the social login buttons.
Sign up/Log in button: Choose how the button is displayed:
Stretched: The button spans the full width.
Hug text: The button width fits the label text.
reCAPTCHA: Add reCAPTCHA fields to your signup and login forms that site visitors need to check.
Element spacing: Drag the sliders to adjust the spacing between form elements and the side padding.
Style the form elements
Click the Design tab.
Click the element you want to style:
Title and subtitle: Change the look of the heading text on the form.
Log in link: Style the link people click if they already have an account.
Input fields: Customize fields such as email and password.
Sign up button: Adjust the design of the main button.
Divider: Style the line that separates sections of the form.
Social signup/login options: Change the appearance of the social signup/login buttons.
Privacy and terms of use footnote: Customize the text area for legal links or notices.
Close button: Adjust the look of the button that closes the form.
Error message: Style the message that appears when there is a problem with the information entered.
Background: Change the form background design.
Customize the text elements
Click the Text tab.
Customize the text using the available options:
Title & subtitle: Edit the main heading and the text below it at the top of the form.
Log in link: Edit the text for people who already have an account and want to log in.
Input fields: Edit the text shown for each field, such as field labels and placeholder text.
Sign up button: Edit the text on the button people click to create an account.
Social signup options: Edit the text shown for the social signup buttons and the divider text between the signup options.
Manage the form settings
Click the Settings tab.
Choose what you want to manage:
Site Member Settings: Manage who can sign up to your site and adjust profile privacy settings.
Signup Security: Add extra protection to help prevent spam and bot signups.
Manage Member Access: Control access to members-only pages and member roles.
Member List: Open your member list in your site's dashboard to manage existing members.
Deleting the Member Authentication app
Delete Member Authentication if you no longer need the signup and login experience it provides on your site. Once you delete the Member Authentication app, your site switches back to the default signup and login forms. You can always add the Member Authentication app again.
Before you begin:
You can delete the Member Authentication app after member access is no longer needed on your site. To do this, first remove any connected member features, including Wix Members Area, pages set to 'Members only', and any feature that asks visitors to sign up or log in. Learn more about uninstalling an app on your site.
To delete the Member Authentication app:
Wix Editor
Click Pages & Menu
on the left side of the editor.
Click the Settings icon
next to Member Authentication.
Click Delete Member Authentication.
Confirm that you want to delete it.
Studio Editor
Click the Pages icon
on the left side of the editor.
Click the More Actions icon
next to Member Authentication.
Click Delete Member Authentication.
Confirm that you want to delete it.
