You are here:
Print

Social logins allow a customer to login using either their Google or Facebook accounts without having to create another set of credential just to login to LatePoint.

When the user is presented with the login option an additional button for Google is placed at the bottom of any login window.

Using this button clients can use their social credentials to pre-fil in the customer information that is already entered in the social accounts.

Configuring Google

Login to google developers at https://developers.google.com/identity/sign-in/web/sign-in

  1. Go to the Credentials page.
  1. View and edit an existing application or
  2. Create an new project.
  1. The New Project dialogue will open where you can assign a meaningful Project Name. In this case we have called it LatePoint.
  2. After you have put in a project name press create.
  3. The project credentials screen will now open with the ability to create credentials for the project.

6. Select the Create Credentials, select OAuth client ID and start the wizard.

7. Configure Consent Screen

8. The Consent Screen allows for some visual identity type verifications so the client can see they are in fact logging into your site. There are 4 steps to work through.

Step 1 OAuth consent you need:

  • App Name
  • Support Email
  • App Logo (120px x 120px)
  • App Domain information
    • Application Home Page
    • Privacy Policy
    • Terms of Service
  • Authorized domains
  • Developer contact information

Step 2 Scopes

You can save and continue this step with no information selected.

(When using the google calendar a scope is required)

Step 3 Test users

You can setup test google users to check login verifications once the login app is live.

Step 4 Summary

Review the information and select “Back to the dashboard”

From here the App is ready to be published

You can choose the two different types of status for your App

In Production:

Once you set your app status as “In production,” your app will be available to anyone with a Google Account. Depending on how you configure your OAuth screen, you may have to submit your app for verification .

Testing:

If your app is still being tested and built, you can set your status to “testing”. In this state, you can test your app with a limited number of users.

After configuration is complete, take note of the client ID that was created. You will need the client ID to complete the next steps. (A client secret is also created, but you need it only for server-side operations.)

From here you can Publish your app

Because you have published a new app the status needs to be verified.

Enter any verification details that may be required and submit for verification.

Credentials now need to be created so that the application can link the submission with certain web site addresses.

Create OAuth client ID

Select the Application type as Web application and provide a name

Authorised JavaScrip origins and redirect URIs

The JavaScript origin is you main website address

The Authorized redirect URIs will be any pages that require a login type prompt.

LatePoint pages will need to be included in the redirect URIs and are shown in the settings>settings>general screen under Setup Pages

Configuring Google Settings in LatePoint

Once you select Create your Client ID and Secret are shown. Keep this window open to allow you to copy and paste the credentials into the LatePoint configuration window.

Under settings>settings>general>social login check the “Enable Login with Google” and paste the google credentials just created.

Ensure you click save at the bottom of the settings window.

Now when you users either book a session or login to their accounts they will be presented with a google login option.

Was this article helpful?
5 out Of 5 Stars
5 Stars 100%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Table of Contents