> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wittify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Login

> Sign in to your Wittify AI account. Email and password, or one of the social providers. If two-factor authentication is on for your account, the page sends you to the verification code step automatically.

<Note>
  The login page is at `app.wittify.ai/login`. Both languages are supported, the language switcher in the top bar flips the page instantly between English and Arabic. If two-factor authentication (2FA) is enabled on your account, sign-in pivots to the **Check your email** step after you submit your password.
</Note>

## What this page looks like

A two-panel layout. The dark gradient panel on the start edge is for branding and is hidden on phones. The form panel on the other side is what you interact with.

### Side panel (visible on desktop only)

Contains, top to bottom:

* The **Wittify wordmark**.
* The **Saudi Tech logo**, shown only when we detect you're visiting from Saudi Arabia. It uses the Arabic version of the logo on Arabic pages.
* A headline: *Build AI agents that **speak your language.*** The second half is highlighted with the brand gradient.
* A short description: *Deploy voice and text AI agents across WhatsApp, phone, web, and social in minutes.*
* A row of **feature pills**:
  * **No-Code Agent Builder**
  * **Voice and Text Agents**
  * **100+ Languages & Dialects**
  * **Seamless Integrations**
  * **Omnichannel Deployment**
  * **WhatsApp, SIP, Web, Social**
  * **ISO 9001, 27001, 22301 Certified**
* The legal company name at the bottom: **Wittify.AI Technologies FZ-LLC**.
* Three softly animated gradient orbs in the background.

On Arabic pages the panel flips to the end edge of the screen. On screens narrower than `lg` it hides entirely and the form panel takes the full width.

### Form panel

* A **top bar** in the upper end-edge corner with the **language switcher** (a small Globe button that opens a dropdown with **English** and **العربية**) and the **theme toggle** (a 36 px circle with an animated sun / moon icon, cycles through **Light**, **Dark**, and **System**).
* The **Wittify logo** (only on phones, the side panel covers this on desktop).
* The heading **Welcome back**.
* The description *Sign in to your Wittify AI account.*
* The **social provider grid** (2x2).
* An **or continue with** divider.
* The **email + password form** (always open on Login, you don't have to click a "Sign in with Email" button first like on Sign Up).
* A **Don't have an account? Sign up** link at the bottom that routes to [Sign Up](/en/Systems/AI-Agents/Auth/Sign-Up).

## Social providers

Three buttons in a 2x2 grid. The fourth slot is reserved for Apple, hidden today and re-enabled when ready.

<CardGroup cols={2}>
  <Card title="Google" icon="google">
    Sign in with your Google account.
  </Card>

  <Card title="Microsoft" icon="microsoft">
    Sign in with a personal or work Microsoft account.
  </Card>

  <Card title="GitHub" icon="github">
    Sign in with GitHub.
  </Card>

  <Card title="Apple" icon="apple">
    Sign in with Apple ID. Currently hidden, available when re-enabled.
  </Card>
</CardGroup>

Each button shows the provider's brand icon (full-color logo for Google and Microsoft, monochrome silhouette for GitHub and Apple) followed by the provider name.

### What happens when you click a provider

1. We detect what device you're on. On Safari and iOS the flow uses a full-page redirect (popup blockers always block popups in Safari). On every other browser we open a popup window that takes you to the provider's login page.
2. You authorize on the provider's site. If you cancel, the popup closes and you're back at the login form unchanged.
3. If your provider account is already tied to a Wittify account, you land on the dashboard signed in.
4. If it's the first time you've used this provider with Wittify, you go to [Profile Completion](/en/Systems/AI-Agents/Auth/Profile-Completion) to fill in your name and (optionally) company.

If your browser blocks the popup, the page falls back to a full-page redirect automatically. There is nothing for you to click.

## Email + password form

### Email address *(required)*

* **Label**: **Email address**
* **Placeholder**: `name@company.com`
* **Maximum length**: 254 characters

If you submit with the field empty, the message **Email is required** appears in red below the field. If the value isn't a valid email, the message becomes **Enter a valid email address**.

### Password *(required)*

* **Label**: **Password**
* A **Forgot password?** link sits next to the label, on the end edge. Clicking it routes to [Forgot Password](/en/Systems/AI-Agents/Auth/Forgot-Password).
* An eye icon at the end of the field toggles visibility. Its accessibility label flips between **Show password** and **Hide password** as you click.
* **Maximum length**: 250 characters.

If you submit with the field empty, the message **Password is required** appears below the field. If the value is shorter than 4 characters, the message becomes **Password must be at least 4 characters**.

### Continue button

A full-width brand-gradient button reading **Continue**. Click it to sign in.

* While the request is running, the button is disabled and the label is replaced by a spinner.
* If sign-in fails, an error line appears in red, centered above the button: **Invalid email or password** for wrong credentials, or *An unexpected error occurred* if something else went wrong.
* If you arrived at the login page from a redirect with an authentication error in the URL (for example, after an invalid social login attempt), the message **Enter a valid email address** is shown above the email field as a hint to try again.

## Two-factor authentication (2FA)

If 2FA is on for your account, you don't land on the dashboard after clicking **Continue**. You land on the [OTP Verification](/en/Systems/AI-Agents/Auth/OTP-Verification) page instead, with the heading **Check your email** and your masked email address shown below it.

Type the 8-character code from the authenticator email or app. Once it's accepted, you're signed in and routed to the dashboard.

You can turn 2FA on or off later from your [Profile Settings](/en/Account/Profile-Settings) under **Two-factor authentication**.

## Stay signed in

Your session is kept for 24 hours. After that, you'll be asked to sign in again. Closing the tab does not sign you out, you stay signed in until the 24-hour window ends.

You can sign out at any time:

* From the **profile dropdown** in the dashboard top bar, click **Log Out**.
* From the **profile dropdown** in the wizard top bar, click **Log Out**.

Both routes you back to the login page in your current language.

## After you sign in

You go to your dashboard at `/{lang}/dashboard`. If you arrived at the login page from a deep link, for example `app.wittify.ai/login?callbackUrl=/en/agents/...`, you land on that page instead, signed in.

## Top bar (language + theme)

Identical on every auth page:

* **Language switcher**: a small Globe button on the upper end edge of the form panel. Click to open a dropdown with **English** and **العربية**, the active language is highlighted in the brand color. Selecting a language navigates to the same page under the new locale.
* **Theme toggle**: a 36 px circle next to the language switcher, with an animated sun / moon icon. Cycles through **Light**, **Dark**, and **System**. Your choice is remembered for the next visit.

## Common questions

<AccordionGroup>
  <Accordion title="My password is correct but I keep getting Invalid email or password.">
    Check your Caps Lock, then make sure you're typing in Latin characters even on Arabic pages, the password field is left-to-right by design. If it still fails, use [Forgot Password](/en/Systems/AI-Agents/Auth/Forgot-Password) to reset.
  </Accordion>

  <Accordion title="I signed up with Google but I'm trying to log in with email.">
    Wittify accounts are tied to whichever method you used the first time. If you signed up with Google, sign in with the Google button. To add an email password later, contact support.
  </Accordion>

  <Accordion title="The Google sign-in popup got blocked.">
    Allow popups for `app.wittify.ai` in your browser, then click the button again. On Safari and iOS we already use a full-page redirect, so popup blockers don't affect you.
  </Accordion>

  <Accordion title="I enabled 2FA and now I can't get the code.">
    The code is sent to the email address you signed up with. Check spam. The OTP page has a **Resend code** button that becomes available after a 60-second cooldown. If your inbox is broken, contact support and we'll temporarily disable 2FA.
  </Accordion>

  <Accordion title="I clicked Log Out but the page didn't change.">
    Logging out clears your session locally and routes you to the login page. If you don't see the redirect, refresh the page once, you'll already be signed out.
  </Accordion>

  <Accordion title="Can I have two browser tabs signed into different Wittify accounts?">
    No. Wittify uses a single shared session per browser. If you sign into a second account in another tab, the first tab gets signed out the next time it makes a request.
  </Accordion>
</AccordionGroup>

## Next

<CardGroup cols={2}>
  <Card title="Forgot Password" icon="key" href="/en/Systems/AI-Agents/Auth/Forgot-Password">
    Reset a forgotten password.
  </Card>

  <Card title="OTP Verification" icon="shield-halved" href="/en/Systems/AI-Agents/Auth/OTP-Verification">
    The 8-character code page used by 2FA, signup, and reset.
  </Card>

  <Card title="Sign Up" icon="user-plus" href="/en/Systems/AI-Agents/Auth/Sign-Up">
    Don't have an account yet? Start here.
  </Card>

  <Card title="Profile Settings" icon="gear" href="/en/Account/Profile-Settings">
    Turn on or off two-factor authentication.
  </Card>
</CardGroup>