Google Login Setup

You can set up social connections for applications using the Google API Setup. The configured social connections can be used to log in to your application.

To learn how to use OAuth 2.0

Google Login Setup for Built-in Channels requires Google API Setup. Don't worry if you don't feel familiar with Google API Setup, you can follow easy steps below.

  1. Open Google Console website at https://console.developers.google.com/ . Login with your google email (Gmail) or register if you don't have one.

  2. Create Project Name: On the top menu bar, click Select a project, then click NEW PROJECT.

image

  1. Insert a Project name for your domain, click CREATE.

image

  1. On APIs & Services page. Click OAuth consent screen on the left menu, select User Type as External, then click Create.

image

  1. Complete App information for 4 STEPS.

image

  1. At the APIs & Services. On the left, click Credentials, click +CREATE CREDENTIALS, and select OAuth client ID.

image

  1. On Create OAuth client ID page.

    1. Select "Application type" as Web application
    2. Create a name for recognizable
    3. Insert Authorized JavaScript origins (Your website URL)
    4. Insert Redirect URIs (You can find it in your website editor -> Site -> System -> on "System Pages" list -> Login, click on Login form to open Login setting. On Login Setting panel, scroll and click "Social Login" button, you will be at "Site Config" Member, look for Google login redirect URL.)
    5. Don't forget to click Save.

image

  1. You can see the credential in Credentials on the left menu, click on your OAuth Client Name.

image

  1. On the page that appears, copy the client ID and client secret to your clipboard, as you will need them when you configure your client library.

image

  1. Go to website editor -> Site -> System -> on "System Pages" list -> Login, click on Login form to open Login setting. On Login Setting panel, scroll and click "Social Login" button, you will be at "Site Config" Member.

    1. Select google tab.
    2. Insert Client ID and Client secret from number 9 to Google Login Setup, and click OK to complete setting.
    3. Click Save to add these values to your form.
    4. Close the Site Config window.

    image

    1. Click "Save" in the editor page.

    image

  2. The Google Login single sign-on is available for your user to login to your website without make a new register.

Bonus

Disable and Enable your Google Login

Go to website editor -> Site -> System -> on "System Pages" list -> Login, click on Login form to open Login setting. On Login Setting panel, scroll and look at Enable google login.

A. Slide to left to disable or right to enable.

B. Click "Preview".

C. Click "Save" to save all of your setting.

image

If Google Login returns error when visitors try to login, please contact your host provider to allow google rule_id in ModSecurity by this guide.