Adding Social Login

Social Login lets users authenticate with Apple, Google, or Facebook instead of manually entering email. When enabled, social login buttons appear on the Registration Page of a Quiz Funnel (only when registration type = Email).

This section focuses on how to configure provider integrations and how social login behaves inside flows.

Social Login Options

• Social login is shown only on the Registration Page

• Available when Registration Type = Email

• After the user logs in through Apple/Google/Facebook:

  • Zotlo verifies the provider token

  • Extracts a validated email

  • Automatically sets this email as the user’s identifier

  • User continues the flow without entering email manually

• If a subscriberId is passed to the flow URL → registration step is skipped → social login buttons are hidden.

Provider Integrations

Social login cannot be used until each provider is correctly integrated in Project Settings → Social Logins.

Below are the configuration fields required for each provider.

Google Login

You must create an OAuth application in Google Developer Console.

Required fields:

• Client ID — OAuth 2.0 client ID for web

• Client Secret — OAuth 2.0 client secret

• Redirect URL — Provided by Zotlo; must be added to Google Developer Console under “Authorized redirect URIs”

Steps:

1. Go to Google Developer Console → Create Project

2. Enable “OAuth Consent Screen”

3. Create OAuth Client (Web Application)

4. Copy your Client ID and Client Secret into Zotlo

5. Add Zotlo’s Redirect URL to Google console

6. Save integration → Google login becomes available in flows

Apple Login

You must configure an Apple Sign-In service in your Apple Developer Account.

Required fields:

• Team ID

• Client ID (Service ID)

• Key ID

• Secret Key (.p8 file content)

• Redirect URL (provided by Zotlo; add to Service ID configuration)

Steps:

1. Create a Service ID in Apple Developer

2. Enable Sign in with Apple

3. Create a private key → download .p8 file

4. Copy Team ID, Client ID, Key ID, and Secret Key into Zotlo

5. Add Zotlo Redirect URL in Apple Developer → Web Redirects

6. Save integration → Apple login appears automatically in flows

Facebook Login

You must create a Facebook App in Meta for Developers.

Required fields:

• Client ID (App ID)

• Client Secret

• Redirect URL (provided by Zotlo; add to Valid OAuth Redirect URIs)

Steps:

1. Create a Facebook App

2. Enable Facebook Login product

3. Copy App ID + App Secret into Zotlo

4. Add Zotlo Redirect URL to Valid OAuth Redirect URIs

5. Save integration → Facebook login becomes available

Enabling Social Login

Once integrations are complete:

1. Open your flow → Registration Page

2. Set Registration Type = Email Registration

3. In the “Social Login” settings:

   • Enable Apple / Google / Facebook

   • Buttons will be displayed automatically to users

4. Customize button order and visibility if needed

Social login does not work with Phone Registration.

IMPORTANT : Ensure Redirect URLs match exactly (case & trailing slash sensitive)