Continue with Google button

Continue with Google button. Multi-purpose Appointment Booking Plugin For Wordpress.

Categories

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

  1. Go to Google Developers Console.

image.png

  1. Click on the "Create Project" button.

image.png

  1. Give your project a name and click on the "Create" button.

image.png

  1. After a few seconds, you'll receive a notification that the project has been created.

image.png

Step 2: Configure OAuth Consent Screen

  1. Navigate to APIs & Services > OAuth consent screen.

image.png

  1. Go to Audience.

image.png

  1. Configure the Google Auth Platform.

image.png

  1. After entering the app information, set the audience as “External”.

image.png

  1. After reviewing and agreeing with Google API Services: User Data Policy, click on the “Create” button.

image.png

Step 3: Create OAuth Credentials

  1. Go to the Clients section and create a new client.

image.png

  1. Choose Web Application as the application type.

image.png

  1. Enter Booknetic for the Name and click + ADD URI under Authorized redirect URIs.

image.png

  1. Add the Redirect URI provided in Booknetic’s settings.

image.png

  1. After adding the link, click on the Create button.

image.png

Step 4: Enter Credentials in Booknetic

  1. Copy the Client ID and Client Secret generated by Google.

image.png

  1. Navigate to Booknetic > Settings > Integrations > Continue with Google.

image.png

  1. Paste the Client ID and Client Secret into the appropriate fields.

image.png

  1. Click Save to apply the changes.

image.png

Step 5: Testing

  1. Go to the booking panel, and in the information step, click the “Continue with Google” button to test the integration.

image.png

  1. 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.