Unleash the Full Potential of Your PrestaShop Store

Welcome to MyPresta.eu – Your reliable partner in the e-commerce world. Find innovative modules that will take your business to a new level.

Google client ID in developers console - new tutorial

30.03.2021

Google recently totally redesigned and changed the steps that are required to follow to obtain "Client ID" number that is required for "google login" app and other apps where you need to get visitor details from google api. In this guide i will step by step describe the process of APP creation process that will be ready to use in our google login module .

 

google login developers console tutorial

  • inside "configuration" window of your "new project" type the name of your app (it can be anything you want, like "login feature" etc. it's for your information only, customers will not see it) 

google login developers console tutorial

  • on next step we need to click on dropdown list and select there project you created 

google login developers console tutorial

  • then we need to select "oauth consent screen" and option 'external'

google login developers console tutorial

  • then on next page we need to define app details (these details will see customer that uses login with google): 

google login developers console tutorial

    1. app name
    2. contact email with your support / help / data privacy agent etc.
    3. you can upload your own picture (it will be visible for your customers inside login window)
    4. type url to your shop
    5. type the url to your privacy policy document (it can be terms and conditions if you have there some informations about privacy) 
    6. type the url to your shop terms and conditions
  • If during configuration of "consent screen" you will see information that domain is not verified - you will see additional field where you will need to just type the domain of your shop
  • on next step right after "confirmation" of settings click on button add or remove scopes: 

google login developers console tutorial

  • select there two permissions:  

google login developers console tutorial

 

  • then just accept settings (to times or more, just to finish the configuration)
  • on next step go to "credentials" section and click on button: "create credentials" 

google login developers console tutorial

  • Firstly select "API KEY"
  • Next - select "Oauth client" - we will be redirected to form:  

google login developers console tutorial

 

    1. select there: "web application"
    2. type there name (this is only for your information)
    3. type there url to your shop (it is very important to provide valid url. If your shop works with "https" type there url with "https" - its very important)
    4. type the url again (focus on correct url as well)

 

  • after save you will get your "Client ID" number. Just copy it and use it in configuration of the "google" login module.
  • then go back to developers console to "oauth consent screen":  
    google login developers console tutorial
    1. open oauth conset screeen
    2. create "test user"
    3. click on "publish app"

 

that's all

your app is ready to use.

Zdjęcie autora: Milosz Myszczuk

Artykuł napisany przez Milosza Myszczuka, eksperta PrestaShop i oficjalnego moderatora społeczności PrestaShop. CEO i założyciel agencji interaktywnej VEKIA. Dowiedz się więcej.

If you like this article, support our work!

Comments