Glide User Profiles: Create an Onboarding Experience

hey everybody it's me I wanted to show you how I do onboarding with the new user profile setup so the very first thing that I do when I started a new app is directly setup that user profile sheet and usually what I do with that create a sheet in my app and I call it users and then I'll have a user name column and email column and an avatar column then the first thing I do is I go into the app I enable email sign in out of the privacy and then I'll come over here click on the avatar and then I can configure my user sheet or I'll match the name of the name email email and image with the profile image or avatar and once that's done whenever users sign into my app they'll automatically be added to the sheet all right so then in order to set up user profiles what I typically do is I'll enable editing for that users sheet and allow users to edit and also the conditions for when the email address okay is the signed in user and then after that I'll create some onboarding experience here now no one signed into this app yet so let me do that on the left hand side I'm gonna sign with Google okay and now here you can see that I have some onboarding experience this tab will serve as like the user homepage or the user profile page or the user dashboard page but before they see all of their dashboard features I want to present them with some onboarding where they're gonna get some more information and what I do is I'll present them with some text this is just some rich text that I put on here along with some text input for their name an image uploader for their avatar and here I also need to have them choose their role and so since this is the very first user that's signing in to the app they're going to be an admin to the app for this particular app and so I have a choice component here that's serving as a button that will allow them to select that they are a parent now each of these components have a visibility setting that will hide themselves when the user has completed the profile and so I need to be able to have a column in the data editor that will recognize when the user has completed a profile let me show you how I do that so in my data column here I have an if/then and I usually call it has profile so I've created new if/then and then what I do is I select all of the fields that I want my users to fill out and I'll mark those as being false if they are empty so I want them to have a name I want them to have an avatar I want them to have a role and if each of those columns are empty then it's gonna result in false otherwise it'll result in true that yes they have a profile it's true or no they don't have a profile false so right now you can see that this user is false because these items have not been selected yet and so then in the visibility settings here each of these components have a feature set where has profile is false so it'll only show in that case now since this is the initial user and I want to only show these items when the initial xur signs into the app I have it also set for a user account equaling one and I could add a roll up column beat and so right now users equals one there's only one person signed in at the moment and so they are seeing these components okay so once an additional user signs into the app this information will disappear all right so let's get started so once I start filling in this information here you'll be able to see that this if then we'll change true now already see that my sheet is building being filled in here and the role will be parent all right so now that these things have been completed in the app you see that has profile not becomes true so now I have a different set of components that are available and these have different visibility settings so now I have a message that saying nice let's add a child to your account so that message here is showing when has profile is equal to true and when user accounts still equals one and so now I have a button that shows that I can add a new helper again has profile is true and that will be the where the role is parent because I don't want children adding new helpers I don't know my parents adding new helpers all right so I'm gonna go ahead and click on the new helper and again I have some visibility conditions set to this form so I have some rich text with let's add a child to your account again that's where user account only equals one and the role is not a child and same thing with this text here alright and so here I'm going to add role as child and again some visibility conditions so we're let's see that's this rich text here and this is where user account is equal to one and roll is child's by selected child from that button here and now entering information for the child and this is gonna fill out that user sheet as well so I can add a child here let's do Laura and I'm gonna check an avatar for her and I would choose an email address that you should use to sign out with something bogus for it now it'll come okay and then submit and so now this user has been added you'll see now the form allows me to change with a parent and a child I can add both of those two and all that rich text went away because it knows now that I know how to use the app right and so now I have the ability to add parents and children accounts right so I have this little confirmation message saying well done feel free to add parents or children to this app using the button below and then I also want to be able to have the user hide this text so I have this little got it to column and that is just a checkbox over here where when they check it that got it will check and so that got it will only show up when got it is not true where the role is the parent and where user count equals to one and two so there's two ways for this message to go away either I can check the box which means got it would be true or I can add another helper which means that user account would equal 3 and this would go away but for now I want to check the Box got it message goes away and now my onboarding experience is complete alright so just using some smoke and mirrors and disability settings you can create some nice interesting onboarding I hope this video has helped you with your app and if you have any questions feel free to email me at Robert appetito at Liberty to you and as always thanks for watching

Channel: Robert Petitto

Views: 6,868

Keywords: glide, glideapps, nocode

Id: nlPCmOAmt-I

Length: 7min 19sec (439 seconds)

Published: Tue Apr 21 2020