Sign in with Google

1) Install the Sign in with Google component from the Adalo Marketplace

  1. Click the plus button in the left toolbar in Adalo

  2. Scroll down and click the Explore Marketplace button

  3. In the Marketplace, scroll to find the Sign in with Google component and click the install button

2) Add the Sign in with Google component to your Sign Up and Login screens

  1. Click the plus button in the left toolbar in Adalo

  2. Search for the Sign in with Google component

  3. Drag the component on to your Sign In screen (and do the same for your Login screen)

  4. Follow the steps below to configure the component:

  1. Select your project or create a new project (if you don't already have one)

If you don't already have a project you'll have to create a new one

3. Choose whether your app is Internal (just for people within your organization) or External/Public (for users outside of your organization)

  1. If you choose external you will see a message about Google needing to review your app. Google will not need to review your app if you don't include a custom logo on your consent screen.

4. Enter your app's information

  1. App Name

  2. Support Email Address

  3. App Logo (Optional) - 🚨if you upload a logo your app will need to be reviewed & verified (this will take longer for you to be able to use Google Sign-in )🚨

  4. The home page of your app's website

  5. URL of your app's terms of service

  6. URL of your app's privacy policy

  7. Authorized Domains (include the same domain as your app's website)

  8. Developer Contact Information

5. Select your app's scopes.

1. Click the Add or Remove Scopes button

2. Select only the first 3 scopes:

3. Scroll down click the Update button. Then scroll down and click the Save and Continue button.

6. Skip entering any Optional Info

7. On the Summary step, scroll down and click the Back to Dashboard button. You should see a message stating "Verification not required"

4) Create your Web Client ID

  1. Click the Create Credentials button

  2. Choose the OAuth Client ID option

4. Select Web Application as the application type and enter an internal name for your web client ID

5. For the Authorized Javascript Origins, enter two URIs: "https://previewer.adalo.com" and the domain of your Adalo app.

6. Click the Create button

7. Copy the Client ID and paste it into the left panel in Adalo when you have the Sign in with Google component selected.

5) Create your iOS Client ID

  1. Click the Create Credentials button

  2. Choose the OAuth Client ID option

4. Select iOS as the application type, enter your iOS bundle ID, and click Create (if you haven't created your iOS bundle yet here's a help think for that — note that you can still test it on web and PWA as long as you've finished the Web Client ID step from above)

5. Copy the Client ID and paste it in to the left panel in Adalo when you have the Sign in with Google component selected.

6. 🚨PLEASE NOTE🚨: Due to the app store guidelines, you'll need to add the 'Sign In with Apple' component or your app will get rejected. Here's the link for setting up 'Sign In with Apple.'

6) Create Your Android Client ID

  1. Click the Create Credentials button

  2. Choose the OAuth Client ID option and pick Android from the dropdown

4. You can enter the name of your app for the name 5. For the package name enter in your bundle ID from the publish settings that you created while setting up your Android APK (if you haven't done that yet you can still test it on the web and PWA if you've created your Web Client ID — here's the help link for creating your Android app if you haven't done that yet) 6. For the fingerprint enter the following: FF:71:AA:98:E9:5F:7A:66:E9:86:AC:C5:33:F7:A7:F1:6B:68:E7:C6 7. After that click create. Note that you won't need to paste this into Adalo, you just have to have it created for your Google Sign In to work on Android

7) Finish configuring your Sign in with Google component

  1. If you're developing an app just for internal use at your organization, you can choose to restrict logins to only people within your organization by entering the domain of your organization's email address.

  2. You can customize the appearance of the button itself

  3. When users click the button, they will be either signed up for a new account with your app or log in to their existing account. You can add additional actions to the button such as linking the users to the home screen of your app.