• Topic 主题 トピック Topic Topic
  • Sign in

Enabling Login with Google

 

In addition to registering as a member using email, SHOPLINE also offers the option for customers to log in using their Google accounts, allowing them to quickly and easily register or log in to your store.

The one-click Google account login feature was developed by Google, and its implementation requires obtaining a client ID and client secret from Google Cloud. You need to complete the preliminary process on Google Cloud before returning to the SHOPLINE admin panel for configuration. Please be patient and follow the steps carefully as the setup process is quite long. If the screen doesn’t match the description or if any errors occur, take a screenshot and give it to our online consultant in the SHOPLINE admin panel for further assistance.

 

In This Article

 


 

Step-by-step Guide

Enabling login with Google requires obtaining a client ID and client secret from Google Cloud, and then adding them to the SHOPLINE admin panel. Please follow the steps below:

  1. Obtain the client ID and client secret from Google Cloud. Open https://console.cloud.google.com and log in to your Google account.
  2. From the main panel, go to the project list on the upper left side of the screen and click CREATE PROJECT.
    2.1.png
    2.2.png
  3. Fill in the project name as well as choose a parent organization or folder for your project, and then click CREATE.
    3.png
  4. Go to APIs & Services > OAuth consent screen > select External for User Type and click CREATE.
    4.png
  5. The system will redirect you to the Edit app registration page, where you can enter the App name, User support email, and Developer contact information. Then, click SAVE AND CONTINUE at the bottom.
    5.png
  6. (Optional) Add or remove the scopes in the Scopes page and click SAVE AND CONTINUE.
    6.png
  7. (Optional) Add users to the Test users page and click SAVE AND CONTINUE.
  8. Complete the configuration in the Summary page and click BACK TO DASHBOARD.
    8.png
  9. Go to Credentials > CREATE CREDENTIALS > OAuth client ID.
    9.png
  10. Select Web application for Application type.
  11. Under Authorized JavaScript origins, enter the domain name under URLs. This is the URL of your store's admin panel.

11.png

  1. Under Authorised redirect URIs, enter the URL of your store's login page.
  • Your store's login link: Append "/user/signIn" to your store domain. For example:
    • If your store link is: https://abcd.myshopline.com
    • Your store's login link: https://abcd.myshopline.com/user/signIn
  • If you have configured a custom domain for your store, append "/user/signIn" to your custom domain. For example:
    • If your custom domain is: https://abcd.wxyz.com

    • Your store's login link: https://abcd.wxyz.com/user/signIn
  1. Click on Create.
  2. Obtain the Client ID and Client Secret. The Client ID and Client Secret here correspond to the App ID and App Secret in the SHOPLINE admin panel pop-up window.
    14.png
  3. Go to OAuth consent screen tab, and change the Publishing status to Published by clicking PUBLISH APP and click CONFIRM in the pop-up window.
    15.png
  4. After completing the above steps, your Client ID and Client Secret are set. Next, you need to fill in the Client ID and Client Secret obtained from Google into the SHOPLINE admin panel. From your SHOPLINE admin panel, go to Settings > Customer account > Sign in through third-party accounts
  5. In the Google login section, click Link, fill in the Client ID and Client Secret obtained from Google Cloud in the pop-up window, and fill in the App ID and App Secret. After clicking Save, the Google login section will show a Linked status.
    17.1.png
    17.2.png
  6. Congrats, after completing the above steps, your customers can now log in to the store using their Google account.
Have more questions? Submit a request

Comments