Google Account Quick Registration and Member Login｜Customer Login Settings

SHOPLINE offers a variety of options for customer registration and login. In addition to registering or logging in with email, Facebook, or LINE, customers can now use their Google account to register as store members. This simple and convenient process encourages more customers to register, helping you easily grow your membership base.

This article will cover the following:

• Setup in Google Cloud
• Setup in SHOPLINE Admin
• Customers register or log in with Google account
• Display Google account information used for registration

 

1. Setup in Google Cloud

Step 1

Go to Google Cloud Console and create a project. (Set up the project name, ID, organization, etc.)

 

Step 2

Upon creation, go to [Solutions] > [All products] and click on Google Auth Platform.

 

Step 3

In the Google Auth Platform overview tab, it will display "Google Auth Platform not configured yet", click GET STARTED.

 

Step 4

1. App information

Enter the "App name" and "User support email".

 

2. Audience

Select "External" as the audience.

 

3. Contact Information

Enter the email address of the person responsible.

 

4. Finish

Agree to the user data policy.

 

Once completed, click CREATE.

 

Step 5

Return to the overview tab, and click the CREATE OAUTH CLIENT button under the "Metrics" section.

 

1. Application Type

Select "Web application".

 

2. Name

Set up the name.

 

3. Authorized redirect URLs

Add an authorized redirect URL by entering your store URL and appending the following path: users/auth/google_oauth2/callback.

E.g., If your store URL is "https://example.shoplineapp.com/", please enter the following:

https://example.shoplineapp.com/users/auth/google_oauth2/callback

 

4. Create

Once completed, click CREATE.

 

Step 6

Select the "Branding" tab on the left menu.

1. App information

Make sure the information you entered is correct.

 

2. App domain (optional but recommended)

Fill in the following information:

• Application home page: Store URL
• Application privacy policy link: <Store URL>/about/privacy-policy
• Application terms of service link: <Store URL>/about/terms

*Notes:

• If you have previously modified your store URL, please enter the new URL in this field.
• If you are using custom privacy policy and terms of service pages (rather than the default ones), please enter their URLs in the respective fields.

 

3. Authorized domains

If you enter an app domain, you must add an authorized domain. (Skip this field if it doesn't apply.)

• If your store URL is "https://example.shoplineapp.com/", please enter "shoplineapp.com"
• If your store URL is "https://www.example.com/", please enter "example.com"

 

4. Developer contact information

Make sure the email address you entered is correct.

 

5. Save

Once the above settings are completed, click SAVE.

 

Step 7

Select the "Clients" tab on the left menu and click the button. Copy the "Client ID" and "Client secret" on the pop-up window.

 

2. Setup in SHOPLINE Admin

Step 1

In the SHOPLINE Admin, go to [Settings] > [Customer Settings] and click Connect next to "Connect to Google OAuth account".

 

Step 2

Enter the Client ID and Client secret copied in Step 7 and click Connect.

 

Upon completion, the "Connected" indicator will appear. Click Details to view the connected client ID and secret or to disconnect.

 

Step 3

Switch on the toggle for "Log in with Google", scroll to the end of the page, and click Update.

 

3. Customers register and log in with Google account

Once the "Customers register or log in to the online store with their Google account" feature is enabled, the icon will appear on the sign-up and login page.

Storefront sign-up page

 

Storefront login page

 

The steps below explain registering as a member using a Google account:

1. Click the logo to register with Google.
   
   
2. If the customer has previously logged in to a Google account using the same browser, it will display the existing Google account for them to select.
   
   
   If the customer has not logged in to a Google account using this browser, they must enter their email address.
   
   
3. Click Continue to authorize sharing your name, email address, language preference, and profile picture.
   *Note: Customers can click the "Privacy Policy" and "Terms of Service" links to be directed to the application privacy policy and terms of service pages filled in Step 6.
   
   
   

Upon authorization, the system will collect the customer's Google account information, including their name, profile photo, email address, and user ID.

• Register with Google
  If the system identifies that the Google account is not linked to any store member, it will create a new member account using the email address and user ID.
  
  
• Log in with Google (for accounts not registered via Google)
  If the system identifies that the Google account is already linked to a store member, it will log the user into their member account and connect the user ID to the customer.

 

4. Display Google account information used for registration

Customers who "Register with Google" or "Log in with Google" will have their Google account displayed on the following page: 

Member profile on Storefront

 

Customer Details in SHOPLINE Admin

 

 

Read more

• Facebook Account Quick Registration / Member Login (New)
• LINE Login & Sign-up｜Customer Login Settings