Access to name and avatar image from Google sign in

Feature Requests
1

Hi,

I have enabled sign in with google and collecting real email. In the profile section, I have mapped my User table to Name, Email, and Image. However, when a new user signs in with Google, I have just their email, and column Name and Image are empty. Any solution?

2

Yes, thatā€™s correct.
The only attribute thatā€™s captured when a user signs in is their email address.
Youā€™ll need to create a basic onboarding flow to collect the additional information.
There are plenty of examples of this to be found, however the general approach is usually something along the following lines:

  • Create a tab to use for onboarding, point this at your User Profiles sheet
  • Add input components for those additional attributes (name, image, etc) that you want to capture
  • Add a column in your User Profiles sheet to use as a flag (something like Has Profile?)
  • Use the state of that column to either show or hide the onboarding screen/tab
  • Once a user has updated their profile, you set that flag and they never see that screen again
  • You can also use the state of that flag to hide all other tabs/screens if you wish.
2 Likes
3

I usually have that ā€œHas Profileā€ column as a number and have a button to increase that by 1 once all the required fields are filled.

4

I see, perfect, I will try it soon

5

Nice :+1: in this way we can even multi steps for a profile completion and use that number as an indicator to shows how many steps of profile already completed. I mean when we do such an onboarding with multiple steps, for instance if user leave the app in step 1 and back we show them the step 2 till reach to the final steps, lets say step 3. Or if only step 1 is required then we can always use this number to apply some changes in the interface to remind user to complete their profile, even disable some abilities in app until they pass those steps. Although we can have multiple flags too. Btw nice approach

1 Like
6

Yes thatā€™s a great point.

7

Exactly.
One of my apps has a 5 stage onboarding process, and I track the users progress with a simple number column. At each step of the process, the user is presented with two buttons: ā€˜Continueā€™ & ā€˜Go Backā€™. Continue increments the ā€˜OnBoard Stageā€™ by +1, and Go Back increments the ā€˜OnBoard Stageā€™ by -1. This all happens on a single tab, with the value of the ā€˜OnBoard Stageā€™ column driving component visibility.

1 Like
8

Is bringing in the name and photo not possible? Iā€™ve built this functionality in other no-code, and of cause all the big apps do it! Keen to know if someone has found a way of doing it. Iā€™m currently in beta with my product and this has been a non-intuitive experience for people signing up with google - there is an expectation of efficiency which doesnā€™t materialize.

9

Thereā€™s a gravatar plugin to get the image from an email.

1 Like
10

Screen Shot 2021-12-20 at 2.14.01 PM
Screen Shot 2021-12-20 at 2.14.01 PM736Ɨ876 48.7 KB

Screen Shot 2021-12-20 at 2.13.55 PM
Screen Shot 2021-12-20 at 2.13.55 PM750Ɨ390 25.6 KB

Showing up as blank, do I need to do this as part of an action to trigger it?

11

I donā€™t know why Glideā€™s one was not working, so I put some Javascript into Github.

image
image1604Ɨ1140 85.2 KB

image
image614Ɨ1218 103 KB

Gravatar returned an empty fallback image for both of your emails in the screenshot. It worked for my personal gmail though.

The link to use in your experimental code column:

https://thinhdinhlca.github.io/get-gravatar-from-email/
1 Like
12

Yes how strange. I took your code and gave it a go too, I couldnā€™t get any of them to work, including your email address! But this one did work rollo@wipster.io - very abstract.

Thanks for showing me the code.

1 Like