top of page

Creating the member signup and login forms

Site Members: Creating a Custom Login Form For Your Member's Area

The Member Login window allows existing members to log back in to your site. Customize this form to make it your own: Change the colors, tailor the fields to your needs and add the option to log in through Google or Facebook.

To create a custom login in form:

  1. Click the Pages icon  on the left side of the Editor.

  2. Click Signup & Login.

  3. Click Member Login Form.

  4. Click the drop-down menu and select Custom Form.

  5. Select which option your members should see first in the login form:New member signup: The signup window appears first. Existing members see a link to switch to the login window.
    Existing member login: The login window appears first. New members see a link to switch to the signup window.

  6. Click Edit Custom Log In Form to access the form.

  7. Customize your form by doing the following:

Design the form

Click the Design icon  to choose a new preset design for your form. To make further changes to the design, click Customize Design.

Customize the form fields

Customize the fields of your login form. Select a form field and edit it by doing the following:

  • Click Settings to adjust settings like the field's placeholder text.

  • Click the Design icon  to choose a new preset design for the field.

  • Click the Layouts icon  to adjust the alignment and padding.

Remove login elements

Remove login elements that you don't need, like the option to sign in through Google or Facebook. If needed, you can re-add them at any time.

To remove a login element:

  1. Click the element to select it.

  2. Press the DEL key in your keyboard to remove it.

Add login elements

  1. Click the Add Login Elements icon .

  2. Click the Add icon  next to the element you want to add.

Tip: Click Add All Elements at the bottom to add all missing login elements at once.

Custom form only appearing on your live site?

You may be experiencing one of our known issues. We are aware of this issue, and are working to resolve it as soon as possible.

lord of the wix_edited.jpg

Need A Professional Website?

Contact Us Today!

lord_of_the_wix

© 2025 BY LORD OF THE WIX

©
bottom of page