Open Site Navigation

Create Custom Login / Sign Up Pages with Velo


Sometimes you need specific credentials for your users when creating an account on your site. Or maybe you just want to be more creative than Wix's default login/signup pages allow. In this post you will learn how to use Velo (Wix's coding language) to make your own custom member login and signup pages.


To start, learn from this video to see how to set it up your custom signup page:


Below is the code used in the video above:

 

import wixUsers from 'wix-users'; import wixLocation from 'wix-location'; $w.onReady(function () { $w('#registerNow').onClick(function () { let email = $w('#registerEmail').value; let password = $w('#resgisterPassword').value; wixUsers.register(email,password) .then(() => { wixLocation.to('/page') }) }) });

 

Now that you have successfully set up your signup page, you need a login page:



Below is the code used in the video above:

 

import wixUsers from 'wix-users'; import wixLocation from 'wix-location'; $w.onReady(function () { $w('#loginNow').onClick(function () { let email = $w('#loginEmail').value; let password = $w('#loginPassword').value; wixUsers.login(email,password) .then(() => { wixLocation.to('/page') }) }) });

 


Now you can create stunning custom member login and sign up pages with just a little code! Have Fun!