V2
How To Connect Google OAuth To Framer With FrameAuth
How to connect Google OAuth to your Framer site using FrameAuth. With it, you’ll enable seamless sign-in with Google so your visitors can quickly and securely sign up or sign in on your Framer website.
TUTORIAL
1
Go to Google Cloud
Start here: https://console.cloud.google.com/
2
Click 'create or select a project'
3
Click 'new project'
4
Give your project a name
5
In your project, go to 'APIs & Services'
6
Select 'OAuth consent screen'
7
Click 'get started'
8
Fill in the app information with your project details
9
Set audience to 'external'
10
Set a contact email address
11
Agree to terms then click 'create'
12
Click 'create OAuth client'
13
Set to 'web application'
14
Set a name
15
Set callback
Retrieve your unique callback by visiting the plugins page and click install.
Important! After going live connecting a custom subdomain, add another callback. Check the plugin to retrieve the new callback after going live.
When you go to live mode in the FrameAuth dashboard you will be prompted to add a custom subdomain for your website. Yours will likely be auth.yoursite.com. After going live, make sure to add your custom callback URL or your OAuth application will not work on your live domain.
16
Click 'create' then copy the Client ID
17
Paste into the client id field in FrameAuth
18
Click into your project
19
Copy the client secret
20
Paste into FrameAuth the client secret and click 'install plugin'
21
Add the Action Button to your project and set the action to 'sign in with Google'
This component can be found in our plugin. This action enables both sign up and sign in with Google.
22
Add additional options about your app
23
Publish your app
