Customizing The WIX Login Page

Discussion Ask a question
,
1

  1. Can the default login page be customized? Resized, Background Color, Fonts?

  2. Can it be changed to a PopUP style instead of a full page?

2

No, it cannot. This question (together with ‘Can I access HTML’ and ‘How do I send an email’) has been asked a lot of times, hopefully Wix will provide us with a fix later on during the project.

3

Hi,
Currently it is impossible to customize the Wix Login page. However, you can try create your own member login page. You can check out Naylei’s video here .

Good luck,
Tal.

1 Like
4

Thanks. I have already implemented that. When you click on your Login button your page is still replaced by that bland, black Wix Login.

5

I’m not sure that I fully understand what you were referring. Have you managed to resolve the issue?

Tal.

6

No. The Wix Login page has a black background. Unable to change it

7

Hi,

Currently it is not possible to change the login page itself.
We know that this is requested, and doing everything we can to fulfil you requests.

Liran.

8

Any news / estimations regarding the above?
It’s very annoying not to be able to modify the login page.

1 Like
9

Hi,
I’m afraid that we cannot provide ETA for that matter. You can submit a feature request regarding this matter. Moreover, you can check out the product updates forum category to stay tuned.

Best,
Tal.

10

I would like an ETA…That’s my request

11

everything is possible to design! is it difficult to do or free this option? it is very unnecessary that people do not have such a simple arrangement on the page they are designing

1 Like
12

Are we still unable to even change the color of the login button on the login page ?!

1 Like
13

You can make up your own custom lightboxes for login and signup/register
https://support.wix.com/en/article/corvid-enabling-custom-site-registration

Or you can add your own versions via the use of Wix Forms from within the Wix Editor settings:
https://support.wix.com/en/article/creating-a-custom-signup-form-for-your-members-area
https://support.wix.com/en/article/editing-your-member-signup-settings-for-the-default-form

You can’t however, change the forgot password window as of yet.

Plus you cannot display social login buttons on a custom signup form, only on the default form.

14

This works perfectly and closes after registering details before moving on to my signupstatus page, then both names will be saved in contacts and once site member is approved the member details will be added to ‘members’ database.

Signup Lightbox Code:

import wixUsers from 'wix-users';
import wixWindow from 'wix-window';
import wixLocation from 'wix-location';

$w.onReady(function () {
    
    $w("#registerButton").onClick( (event) => {
        
   let email = $w("#email").value;
   let password = $w("#password").value;
   let first = $w("#firstName").value;
   let last = $w("#lastName").value;

   wixUsers.register(email, password, {
       contactInfo: {
        "firstName": $w('#firstName').value,
        "lastName": $w('#lastName').value,
       }
      } )
      .then( (result) => {
        let resultStatus = result.status;
  wixWindow.lightbox.close();
  wixLocation.to("/sign-in-status");  //Change the URL ending to whatever page you want to send the user to after they log in.
      } );     
    } );
    
});
15

Login Lightbox Code:

import wixUsers from 'wix-users';
import wixLocation from 'wix-location';
import wixWindow from 'wix-window';

$w.onReady(function () {
 $w("#forgotPassword").onClick( (event) => {
    //wixWindow.lightbox.close()
   wixUsers.promptForgotPassword()
   .then( ( ) => {
   //
   } )
    .catch( (err) => {
 let errorMsg = err;  //"The user closed the forgot password dialog"
    });
 });
});

export function loginButton_click(event) {

 let email = $w("#email").value;
 let password = $w("#password").value;

 wixUsers.login(email, password)
   .then( () => {
     console.log("User is logged in");
     wixLocation.to("/account/my-account");  //Change the URL ending to whatever page you want to send the user to after they log in.
   } )
    .catch( (err) => {
     console.log(err);
     $w("#errorMessage").expand();  // You can delete this line if you are not going to add an error message.  Use a regular text element set to 'collapse on load' from the Properties Panel.
   } ); 
}
16

Unfortunately this is just a suboptimal solution as I have experienced myself.

I did manage to create a custom coded and designed login/signup page and was pretty happy with the result until I realised a big flaw:

As a user u can choose which lightbox (login/signup) is displayed first and I went with the login page.

However this customisation and user choice is not passed on to the native apps such as the Paid Plans Checkout Process.

I already made another post explaining that this completely messes with the login/signup buttons in the app. They’re all mixed up.

Check it out if you’re interested: https://www.wix.com/corvid/forum/community-discussion/wix-paid-plans-app-how-to-link-the-buttons-during-checkout-to-my-custom-login-signup-forms?origin=member_posts_page

The only solution (If I want to avoid programming a complete customised checkout process myself) is to switch back to the vanilla signup/login process, which again; can’t be customised in the slightest form.

It’s possible to customise the signup page, so what’s stopping us from doing the same with the login and forgot-email page?

I honestly can’t believe the amount of trouble shooting, workarounds and customisations I have to do with Wix compared to other webpage builders.

Corvid customisation is great but the basic website builder for non-coders is pretty buggy and not well thought out.

*SAD