Skip to main content

Change E-Mail field to Username (login page)

Hi guys,

I have a quick question: How can I change the E-mail field in the login form to a Username field? Any pointers or guidance would be greatly appreciated.

Thanks again!

Change E-Mail field to Username (login page)

The GS

Good question! Would love to know!

Fit Lehrer

The GSΒ It should say β€œUsername or Email” to avoid confusion, especially for students without an email address or those who log in using just their username.

J V

Fit LehrerΒ Well maybe it is because I use Fluent Auth, but my login does just that.

J V

Username can be used to login already.

Fit Lehrer

J VΒ We’re aware of that, but our users behave a bit differently β€” when they see β€œEmail,” many of them just give up trying to log in, which leads to a huge loss of engagement.

The GS

Fit LehrerΒ In that case, I'd say you just need to change the placeholder text. I'm no coding expert but I think you could achieve that with a custom code snippet.

Matt Zimmerman

The way I solved it was to simply create a FF change email form, add the link to the user account area (not very sexy though), and enable double-opt-in. It works beautifully.

Fit Lehrer

Matt ZimmermanΒ That’s a really clever workaround, and I’m glad to hear it’s working smoothly for you πŸ™Œ

For our setup though, we’re trying to avoid adding yet another plugin on top (even for something relatively small like this). The fewer additional plugins we rely on, the better for long-term stability, performance, and maintenanceβ€”especially as we scale.

So while your FF change email form + double opt-in approach is definitely a solid solution, we’d really prefer to find a way to handle this without introducing another dependency if possible.