To activate Google login with OAuth2, you must access the VTEX ID in your admin and fill in the Client ID and Client Secret fields, as described in this article.

These values are derived from a project that needs to be created in the Google Cloud Platform API service.

To get these values, do the following:

The steps mentioned below describe a third-party platform and may therefore be outdated. For the latest information related to these steps, please access the following Google articles: Setting up OAuth 2.0 and OpenID Connect.

1. Access the link https://console.developers.google.com/;

2. In the side tab, click on Credentials;

3. Click on Create Project;

   

4. Name the project and click on Create;

   

5. Click on Create credentials;

   

6. Select the OAuth client ID option;

   

7. Click on Configure consent screen;

   

8. Choose the type of user for your store(Internal or External) and click on Create;

   

9. Application name: will be shown to clients when logging in;

10. User support email: for users to contact you with question about their consent;

11. App logo: corresponds to your store logo;

12. Authorized Domains: domains that may interact with this API should be included. These should be, at least, the domain of your store and the VTEX domain:

    • store.com, as the example, always without "www" or its equivalent
    • vtex.com.br, regarding our backend servers

13. Developer contact information: these email addresses are for Google to notify you about any changes to your project;

14. Click on Save and continue;

    

15. In the left side menu, click on Credentials;

16. In Type of application, click on Web Application;

    

17. Name: for internal identification;

18. Authorized JavaScript origins: add the exact addresses that can use this authentication method, corresponding to your site; for example https://www.mystore.com. We also recommended that you add the address https://{{accountName}}}.myvtex.com of your account, where {{accountName}} is your account name as described in the store's admin menu;

19. Authorized redirect URIs: add the VTEX service URL: -https://vtexid.vtex.com.br/VtexIdAuthSiteKnockout/ReceiveAuthorizationCode.ashx

    

20. After you complete these steps, your credentials will be displayed:

    
    • Copy the Client ID from Google and paste it into the `Client Id' field in the VTEX ID admin.
    • Copy the client secret key from Google and paste it into the Client Secret field in the VTEX ID admin.
      
      
      Then, save the changes.