Sigma Hosting
Menu
How To Create A Custom Member Registration in Wix – Velo by Wix Tutorial | Ready to create a custom member registration portal for your Wix website, along with the universal Wix registration/login?
Get the code: https://www.wixtrainingacademy.com/wta-academy
Join me as I breakdown how to create your custom, branded member registration process in Wix. We also touch on how to develop a custom member login process.
Never miss Wix Training: https://www.wixtrainingacademy.com/wta-academy
VIDEO & CHANNEL RESOURCES:
Sign up to your Free Wix Training Academy here:
https://www.wixmywebsite.com/
Sign up for Printful for FREE here: https://bit.ly/3sEVzgq
Sign up for our Wix Masterclass: https://www.wixtrainingacademy.com/wix-masterclass
GET YOUR WIX ACCOUNT & HOSTING:
https://bit.ly/2QdbqCo
MUST-HAVE TOOL FOR YOUTUBE CHANNELS:
https://www.tubebuddy.com/MPS
Watch more videos on my Wix Training Academy YouTube Channel:
https://www.youtube.com/user/ComputerMDofGilbert
WIX TRAINING:
“Wix Ecommerce: The Ultimate Guide To Building An Online Store in Wix:
https://www.youtube.com/playlist?list=PL-m-hYpBsNRog8IJTA9nDh8v69dQPkjXs
“Building A Social Network in Wix: The Non-Coding Founder’s Guide”:
https://www.youtube.com/playlist?list=PL-m-hYpBsNRoFvJHfOroU2_cWXS896dIQ
“Corvid by Wix Training Tutorials”:
https://www.youtube.com/playlist?list=PL-m-hYpBsNRpl47zvCKHdfVv5k3D0s9ZG
“Wix My Website”:
https://www.youtube.com/playlist?list=PL-m-hYpBsNRqWqgpOSWU06HmLJM4Y_KDE
“Ascend by Wix: Training Tutorials”:
https://www.youtube.com/playlist?list=PL-m-hYpBsNRqiTbV6OGc8oFMExJh5Mx7D
NEW TO THE CHANNEL? START BY WATCHING THESE VIDEOS:
“Open Q&A”:
https://youtu.be/NkVwCumsEeI
“8 Underrated Wix Features You Probably Don’t Know About ”:
https://youtu.be/mx6eiYxlYDI
“5 Ways To Obtain Funding For Your Business”:
https://youtu.be/VD-xL4_9pJ0
“How to Create Wix Code Databases & Dynamic Pages: Wix.com”:
https://youtu.be/SD42xkb8vOs
“Wix My Website Welcome Video”:
https://youtu.be/jMhkSUx-xzc
__________
FREE WIX TRAINING: Want to connect with the largest global Wix training community while getting access to a myriad of free courses, workshops, resources and code snippets? Join Wix Training Academy for free today – https://www.wixtrainingacademy.com/wta-academy
——————–
Stay Connected:
Email: info@wixmywebsite.com
Twitter: http://www.twitter.com/WixTraining
Subscribe: https://www.youtube.com/c/ComputerMDofGilbert?sub_confirmation=1
Hire Michael: https://www.wixmywebsite.com/copy-of-work-with-us-1
MPS Message: I wanted to make sure you are aware that this video description contains affiliate links. It is completely up to you whether you utilize these links. Just know that if you use these links, there is no difference to you, but it does partially support this channel 🙂
what’s going on wix nation mps here from wix training academy and in today’s video i will be showing you how to create a custom user registration for membership for online course websites if you didn’t see my video about two videos ago i did creating a custom login a complete guide to member page restrictions and also the universal wix login so if you didn’t get an opportunity to catch that video i recommend you click the card above to check
that out but today we’re going to cover the front end of that which is the registration we’ll cover the universal wix registration and the custom which registration so by the end of this video you will know how to create a portal for you to get members to register for your website to get membership on your website if you haven’t already make sure you smash that subscribe button and click those bell notifications on join our wix nation community
so you never miss any content here on the channel and you’ll also instantly plug into the largest wix training community on the internet it’s a phenomenal place to be i’d love to have you we’d love to have you and we only continue to grow things to you guys but without further ado let’s jump into today’s video okay guys so we’re here in the wix editor the first thing i’m going to show you is the universal wix registration this is very easy to do
and it’s very commonly known but i’m gonna cover it real briefly so first and foremost what you’re gonna do is you’re gonna go to add and then you’re gonna go down to members and then you’re going to click add to site and what this is going to do is it’s going to add a members area to your wix website while this is loading i’ll go ahead and let you hit that like button down below and comment because comments really help the video and help the
channel i’d love to know what type of website you’re building and or if you’re liking the content here on the channel so what this does is it adds a members area to your website it adds a my account portion but more importantly what this does is if we go back to our home page you’ll notice it adds a login bar at the top now here’s the thing with the login bar this can be a double-sided thing number one it can be used as both login and
registration so that’s first important to know as in when i did my last video with the login you guys saw that i also use this as the universal which login because this login bar doubles as both however the area that you’re likely going to want to change is if you click setup login bar you’ll notice on member sign up settings if you click that you can choose what options shows first either a new member sign up or existing member login so if you
have new members sign up this is going to prompt someone to register first rather than showing them the login portion first so this can be seen as a a good thing or a bad thing depending on what you choose because obviously even if someone is already a member it will always prompt the registration first now that does not mean that they can’t click login from that same portion because they can because they can just click login and then they’ll log
in but it just prompts the registration first so that’s how you add the universal wix registration and it’s very nice because it’s clean it’s easy it’s across all of your navigation it’s a nice looking login bar you can customize it you can choose what shows up here the profile pic in the member’s name profile pic or just the members name and you can choose the styling of it which is always really nice however that is the universal now we’re
going to cover the custom wix registration and what’s beautiful about the custom wix registration is you one have to choose whether you’re gonna be using a light box or a page now for the purpose of this video and i’ll explain just like i did with my login video i’m gonna use a page to follow suit however the system is the exact same thing for a light box you would just choose um a light box over adding a page and i’ve got a bunch of tutorials
that were older um still applicable still the same process if you click the card above that show the custom registration process with a light box rather than a page and the beautiful thing about the page and or the light box with the custom registration is you can choose exactly how it looks so you can manage your brand and you can manage that experience of people going to register for an account on your website it’s crafted it’s unique it’s a
little bit more boutique rather than the standard which login that every website has right so that’s the difference here and it gives you a little bit more customization so what we’re going to do is we’re going to go to add and or we’re going to go to our page manager excuse me and we’re going to click add page now i’m just going to be adding a blank page here and then i’m just going to name this register obviously you guys will want to get a
little bit more unique with your uh titles right but i’m just going to name this register and what i am now going to do is i have to create a means for someone to register and for that information be sent to which is back-end system so what we’re going to be doing is we’re going to need to turn on our velo by wix development tools so we’ll turn on dev mode because we’re going to be utilizing a code snippet now this code snippet can be accessed if
you go to wixtrainingacademy.com and you register for the witch training academy you join the academy it’s free and you can access that code snippet it’s using the link here down below uh in the video wix trainingacademy.com and that’s where all the code snippets and all my videos can be accessed and it’s very easy for you to go use so now what i’m going to do is i’m going to shrink that and i’m going to keep our page code manager down here
minimized for right now because we actually have to create a means to have that page code carry out a function so what i mean by that is obviously i’m going to first add some text just for you guys for the purposes of remembering and a little bit of styling uh so i’m going to go to later black and i’m just going to name this register now and i’m going to center it and then what we have to do is obviously with any sign up process with any
registration process you need to collect two core pieces of information and that’s what i’m going to show you today which is the user’s email and a password so that way the user can create a password and then log in using that password and email again in order for us to collect this data we need to go to add and we need to go down to input and we’re going to be using a text input field because we’ll be collecting email and we’ll be collecting
password now here’s the deal with the text input field you can choose any of these right here it doesn’t matter which one you choose and you can style it however you choose to keep suit with the login video i’m going to choose this one right here and then what i’m going to do is i am going to center it and then i’m going to copy it because we have an email and we have a password now what i’m going to do is i’m going to click on settings for our
first one here and i’m going to choose the field type to email why because this forces the user to register with a legitimate email something at something.com um that’s how it has to be registered otherwise someone can if you just put random text field someone could theoretically just put a random name and that’s it and that’s not what you’re looking to collect at all you’re looking to collect the email number one for your membership to build an
email list and two you need the email so that way they can use the email to log in in the future so you’re going to change the field type to email next you can choose placeholder text you could say enter your email and obviously this needs to be a required field it is required in order to register so that’s creating the email field and now what we’re going to do is we’re going to do the same thing but for our password field and for our field type
we’re going to choose password now the password field type is nice because what it’ll do is it’ll asterisk out as they type in the password so it adds a level of security so that’s obviously nice for the user knowing that their password is secure and knowing that your site actually values security now for same thing we can enter a placeholder text enter a password and obviously this field is required in order to create a user account we need them
to create a password so that way they can log in with that same password so now we’ve got our email and our password field set now what we have to do is we actually have to carry out a way for them to submit this information in order to do that we need a button so we are going to come down here and you can choose any button you want again for the sake of following shoot with our login video i’m just going to choose this one and then we’re just
going to change the text on here to say register now all right so now what we’ve got here is we’ve got the bare bones of a registration customer registration here on wix here’s what i’m going to tell you this is obviously a very very basic design i’m showing you guys functionality and development here you can go ahead and you can design this page however you’d like if you’d rather craft a more extravagant more branded user experience with you
know maybe design on the sides pictures anything with that to show your branding that’s totally up to you and you can totally accomplish that you would just design a page like you would design any other page but i’m showing you the bare bones design now what we have to do in order to actually make this function work is we have to open our page code manager now what this is going to do is you’ll notice two things one bellow by which is updated a
little bit and we’ve got our id handler over here our properties panel over on the right side of the page code so now we’re adding this page code on the registered page code so what we’re going to do is i’m going to copy and paste this page code from wix training academy because we’re using the same code and once again you can grab this code absolutely for free if you go join witch training academy you go over to wishtrayacademy.com please join
the academy and it’ll be under code snippets you click code snippets you can grab the code now here’s here’s the deal with this code um couple things we have to do first and foremost we’ve added our code onto the page now what we have to do is we actually have to change the ids of each of these inputs why because this is essentially saying right now in the code let register email dot value well okay here’s the deal we don’t have a dot or a
register email id in our page on our code right now so what we have to do is we’ll have to click this input and you’ll see over here on the side it says id we’re gonna change the id and i’m gonna change it to register email now that now matches up with this code right here register email you’ll also notice the second word first letter is capitalized this is for the purposes of the code make sure if you’ve got two words that the second word is
capitalized um so that way it’s clean and one that’s how the code registers it so you can see mine register email now we have to do the same thing with the password so this field id needs to be changed to register password and that will now correspond to this input field so what this is saying is this code right here registers to this input field this code right here registers to this input field when values are entered here a function is carried
out so now we’ve got both of the fields done now we need the button and this is one of the most important because when this button is clicked you can see on click this whole function is carried out so in order for this all to work properly this button’s got to be id’d correctly and you can see the id of our button here is register now so um number sign register now so now we’re going to click on our button and we’re going to change the id to
register now and now what we’ve done is we’ve successfully connected the code to all of our inputs right here and essentially what this is saying is this is going to pull data from which users the universal backend which users and also wix location to direct us to a new location and essentially what’s going to happen is on click it’s going to pull the information the values entered into these two fields and register it as members into wix’s
system and then it’s going to direct us to a location so here’s what i’m going to give you some background on before you do this when you go to wix training academy and you grab this code you can use these same exact field ids that i have used here if you decide that you don’t want to do that you just have to make sure you change them here in the code as well as here on your field id now i use it i used excuse me very blanketed basic field ids
that are pretty universal register now register email register password so there’s really no need to choose them there’s nothing specific to mine that would be very unspecific to yours but if you did want to choose him you just got to make sure you change it here in the code and you change it on the field id but the last aspect of this that you do absolutely 100 percent have to change is this wix location.2 so essentially what this is saying is
once this information is registered and entered into wix’s your website as a member where is it going to direct you so this wix location dot 2 is saying for my purpose it’s going to direct them to backslash wix dash master class now to find this what you have to do is you have to first determine okay what page do you want your members to land on what page do you want them to go to after they register so what i’m going to do is i’m just going to
add a new page here and i’m going to add another blank page just for the purpose of this video and i’m going to name this page members area again to follow suit with our login video and i’m going to make this a hidden page assuming that this is a members only area and that this will be like their members homepage this is where they’ll land okay so now what we’re gonna do to get that page extension is you actually have to go here to your three
dots go to seo and then you’ll see right here what is the slug of your page url and it is members area just like that so what you’re going to do is whatever page that you are taking that you are going to have your members land on you’re going to go to this seo you’re going to go to this slug and you’re going to copy it and then what you’re going to do is you’re going to go back to your register page because that code is on your register page code
and you’re going to change this wix location to you’re going to keep that backslash and you’re going to copy that page name and so what this is now saying is when this button is clicked the information from here is going to create a member in your wix website and then it’s going to direct them to this members area page now just so for the purpose of testing you know it works i’m going to go ahead to our members area page and i’m just gonna add
text and i’m just gonna say members area so that way when i test it here you guys can see how this works so now that we’ve got that done um what i’m gonna do is i’m gonna save it number one and i’ll just name it registration i’m gonna save it number one and then two in order for you to actually test out your register and login codes and again if you want to see the login video plus the complete guide it’s in the card above if you want to actually
test it you need to publish your site and test it in your live site not your preview mode it will not work the function won’t carry out in the preview mode of your website so what i’m going to do is i’m going to go to publish i’m going to publish the site and then i’m going to go to view site oh and one extra step is i actually need to go ahead back to my home page and i need to add a menu because we just need some basic form of navigation in
order to actually show you the test so i’ll go back here i’ll add a menu so that way we’ve got our register page in the menu and then i’ll go ahead and publish it again and we’ll give this another run and i’ll go to view site now you’ll see we have a menu so i’m a new member um let’s just say you’ve got a sales page to try to get me to register as a member okay you’ve got me uh interested i want to register become a member of your site i can one
go to login and do that or i can go to register i’m going to go to register i’m going to use this custom registration i’m just going to enter some test details so test at test.com and then i’m just going to enter a test password right and now what i’m going to do is you see this information here what should happen is this should submit and then take us to our members area so i’m going to click register now and you can see it submitted and took us
to our members area and i even got a alert on my wix app showing that test just joined registration website because that’s what i named the site so if you have the wix app on your phone you can also get notifications every single time someone registers for your website and so everything worked everything went through which means this was a successful process if this video helped you guys out i would kindly ask that you drop a like down below if
you haven’t already well before we get to that make sure you comment as well comments help the video comments help the channel and it helps me to understand if you’re enjoying the content what type of content you’d like to see me make in the future and what adjustments i can make and lastly if you haven’t already joined our wix nation community it would be much appreciative if you could smash that subscribe button turn those bell notifications
and instantly plug into the largest wix training community on the internet we’re only continuing to grow thanks to you and i would love to have you we would love to have you collectively as a community and i’m excited to see you here more often and one last disclaimer if you haven’t already remember that you can get this free code that i use today for the registration code on wixtrainingacademy.com join the academy it’s free open up to you and
you just click code snippets and you can grab it and use it on your site thank you guys so much for watching today’s video i will catch you in our next one you