# 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.

{% hint style="info" %}
IMPORTANT : Ensure Redirect URLs match exactly (case & trailing slash sensitive)
{% endhint %}