The Continue with Google button integration in Booknetic allows your customers to sign up and log in to your booking system using their Google account. This feature streamlines the login process, providing a faster and more secure alternative to traditional sign-up methods.
Setting Up the Google Integration
To enable the Continue with Google button, you need to set up OAuth 2.0 credentials via the Google Developers Console. Follow these steps to get started:
Step 1: Create a New Project in Google Developers Console
- Go to Google Developers Console.
![image.png]()
- Click on the "Create Project" button.
![image.png]()
- Give your project a name and click on the "Create" button.
![image.png]()
- After a few seconds, you'll receive a notification that the project has been created.
![image.png]()
Step 2: Configure OAuth Consent Screen
- Navigate to APIs & Services > OAuth consent screen.
![image.png]()
- Go to Audience.
![image.png]()
- Configure the Google Auth Platform.
![image.png]()
- After entering the app information, set the audience as “External”.
![image.png]()
- After reviewing and agreeing with Google API Services: User Data Policy, click on the “Create” button.
![image.png]()
Step 3: Create OAuth Credentials
- Go to the Clients section and create a new client.
![image.png]()
- Choose Web Application as the application type.
![image.png]()
- Enter Booknetic for the Name and click + ADD URI under Authorized redirect URIs.
![image.png]()
- Add the Redirect URI provided in Booknetic’s settings.
![image.png]()
- After adding the link, click on the Create button.
![image.png]()
Step 4: Enter Credentials in Booknetic
- Copy the Client ID and Client Secret generated by Google.
![image.png]()
- Navigate to Booknetic > Settings > Integrations > Continue with Google.
![image.png]()
- Paste the Client ID and Client Secret into the appropriate fields.
![image.png]()
- Click Save to apply the changes.
![image.png]()
Step 5: Testing
- Go to the booking panel, and in the information step, click the “Continue with Google” button to test the integration.
![image.png]()
- Ensure that users are redirected to Google for authentication and that their account is successfully created or logged in.
![image.png]()
Benefits of Using the Continue with Google Button
- Faster Login: Clients can log in quickly with their Google credentials, saving time during the booking process.
- Security: Google’s OAuth 2.0 ensures secure authentication, reducing the risk of account-related issues.
- Easy Setup: Once configured, the integration works seamlessly with minimal ongoing maintenance.