Google / Gmail Social Login

Supported Platforms

     

You can allow your users to sign up & log in to your web app with their Google account.

Style your Google button however you’d like!

👉 Play with a demo

Prerequisites

• You will need a Google Developer account
• You will need to have the Magic SDK installed into your web app
• You will need to have the Magic SDK - OAuth Extension installed into your web app

Google Setup

After installing the OAuth extension, you can now enable Google Login for your Magic app:

1. Follow Google’s instructions to set up an OAuth 2.0 app

2. Obtain the OAuth Client ID and Client Secret from your Google Developer dashboard

3. Go to your Magic Dashboard

4. Select the Magic app for which you’d like to enable Google Login, or create a new app

5. Navigate to Social Login from the sidebar

6. Click the toggle for Google / Gmail

7. Input the Client ID and Client Secret for your OAuth app

8. Copy the Redirect URI field from your Magic Dashboard and add it to your Google Dashboard’s OAuth app configuration:

9. In Magic Dashboard, click “Save” – Done! 🎉