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

# Login with Google

> Learn how to add login with Google using Firebase to your Webdraw App

<Note>
  Before you start, make sure you have connected Firebase to your Webdraw App.
  If you haven't, you can do so [here](/integrations/firebase).
</Note>

### Step 1: Ask Webdraw to add the Login with Google button to your app

Use your Firebase prompt and ask Webdraw to add a "Login with Google" button to your app.
Here is an example prompt you could use:

<Frame caption="Login with Google prompt example">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/firebase/login-example.png" alt="My drawing prompt example" />
</Frame>

After clicking the `App` button to generate the app, i got this already working app:

<Frame caption="Login with Google app">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/firebase/login-app.png" alt="Login with Google app" />
</Frame>

<Frame caption="After clicking the login with Google button and selecting my account">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/firebase/login-app-success.png" alt="Login with Google app" />
</Frame>

You can see the created app [here](https://camudo.webdraw.app/firebase-login-example.html).

<Warning>
  If this is the first time you are using Firebase, you probably need to configure
  your Firebase project to allow logging in from your App, so look into Step 2.
</Warning>

### Step 2 (optional): Ensure your Firebase project configuration allows logging in from your App

To do this, you can go to the *Firebase Console* -> *Build* -> *Authentication*.

If you have never done this, click on the "Get started" button.

<Frame caption="Firebase Authentication">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/firebase/authentication-page.png" alt="Firebase Authentication" />
</Frame>

Then, click on the "Sign-in method" tab and enable the "Google" sign-in method.

<Frame caption="Enable Google sign-in method">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/firebase/authentication-page-google.png" alt="Enable Google sign-in method" />
</Frame>

After enabling the Google sign-in method, make sure your App's domain is
listed on the "Authorized domains" section.

Go to the *Firebase Console* -> *Build* -> *Authentication* -> *Settings* -> *Authorized domains*.

If you don't see your `*.webdraw.app` domain listed, click on the "Add domain"
button and add your domain.

Now, your App should be fully configured to Login with Google.