Social Sign-in
Before You Begin
Section titled “Before You Begin”- An app built with Ada that has a sign-in screen.
- A Google Cloud account (for Google) and a paid Apple Developer account (for Apple).
- Your app’s preview address:
https://[APP-ID].preview.adalo.com. The APP-ID is the long id in your builder link.
Ada Setup 1. Ask Ada for a sign-in screen
Section titled “Ada Setup 1. Ask Ada for a sign-in screen”Send this prompt (change the app name):
This app HAS user accounts. Do NOT delete or rename any screen.
Add a Welcome screen with: email sign in / create account, a divider "or continue with", a full-width "Continue with Google" button and a full-width black "Continue with Apple" button.
Use the Google and Apple Sign-In integrations from Integrations. After sign in go to Dashboard. If the user cancels, do nothing. Show errors under the button only after a tap.Always include “This app HAS user accounts” and “Do NOT delete or rename any screen”. Without it, Ada may remove your sign-in screen.
2. Open Integrations
Section titled “2. Open Integrations”In the left bar, open Integrations → Sign-in & Social Login. You’ll paste your Google and Apple IDs here in the next steps.
Google Setup
Section titled “Google Setup ”1. Set up your consent screen
Section titled “1. Set up your consent screen”- Go to console.cloud.google.com and pick or create a project.
- Open Google Auth Platform → Audience. Choose Internal (your team only) or External.
- If External and in Testing, add your testers under Test users.
2. Create your Web Client ID
Section titled “2. Create your Web Client ID”- Go to Clients → Create client and choose Web application.
- Under Authorized JavaScript origins, add:
https://app.adalo.comhttps://[APP-ID].preview.adalo.com- Your published / custom domain, if you have one
- Leave Authorized redirect URIs empty and click Save.
- Copy the Client ID.
3. Paste it into Adalo
Section titled “3. Paste it into Adalo”In Integrations → Google Sign-In, paste it into Web client ID and click Save. The status shows Connected.
For the iPhone build, also create an iOS client with your bundle ID and paste it into iOS client ID.
Apple Setup
Section titled “Apple Setup ”1. Turn on Sign in with Apple for your App ID
Section titled “1. Turn on Sign in with Apple for your App ID”- In developer.apple.com → Certificates, Identifiers & Profiles → Identifiers, open your app’s Bundle ID (e.g.
com.yourapp.ios), or create one. - Tick Sign In with Apple and click Save.
You need a Bundle ID even if you only publish to web or Android.
2. Create a Service ID
Section titled “2. Create a Service ID”- Identifiers → + → Services IDs. Use an identifier like
com.yourapp.web. - Open it, tick Sign In with Apple, click Configure, and pick your App ID as the Primary App ID.
- Click + next to Website URLs and add:
- Domains:
[APP-ID].preview.adalo.com(no https) - Return URLs:
https://[APP-ID].preview.adalo.com
- Domains:
- Click Next → Done → Done → Continue → Save.
The last Save is easy to miss. If you skip it, nothing is stored.
3. Paste it into Adalo
Section titled “3. Paste it into Adalo”In Integrations → Apple Sign-In:
- Service ID:
com.yourapp.web(not the .ios one) - Redirect URL: exactly the same as your Apple Return URL
Click Save. The status changes to Connected.
Finishing Up
Section titled “Finishing Up”- Wait 10–30 minutes. Google and Apple take a while to apply changes.
- Open your app in a new incognito window and test both buttons.
- Before going live, add your published address to Google origins and Apple (Domains + Return URLs), and set it as the Apple Redirect URL in Adalo.
Apple shares the user’s name and email only the first time they sign up. Users can also hide their email, so you’ll get a private relay address instead.
