How to Add Magento Google Login to Your Website

Step-by-step guide:

1. Enter a descriptive name for your project in the Project Name field.
2. Optionally, you can change the Project ID by clicking Edit. You cannot change it after the project is created.
3. Click Organization and select your organization.
4. In the Location field, click Browse to display locations for your project, click a location and then click Select.
5. After all fields are completed, click Create. The console navigates you to the Dashboard page, and your project is created within a few minutes.

Step-by-step guide:

1. Click Enable APIs and Services to go to the API Library and create APIs for your project.

Step-by-step guide:

1. Search for “IAM“.
2. Click the IAM Service Account Credentials API to enable it for your account.

Step-by-step guide:

1. Click Enable, and the Overview page will appear.

Step-by-step guide:

1. You need credentials to use the enabled API. Click Create Credentials to get started.

Step-by-step guide:

1. In the Select an API field, choose IAM Service Account Credentials API.
2. Choose User Data in order to create an OAuth client.
3. Click Next.

Step-by-step guide:

1. App Name: enter the name of your Magento store that asks customers for consent to use their Google account data for authentification.
2. User support email: provide an email for users to contact if they have questions about their consent.
3. Upload your Magento store logo to be displayed on the consent screen.
4. Under the Developer contact information, provide Email addresses for Google to notify you about any changes to your project.
5. Click Save and continue.

Step-by-step guide:

1. Set the Application Type to Web application.
2. Specify the Name for your OAuth 2.0 client.
3. Under Authorized JavaScript origins, enter the URL of your live domain by clicking ADD URL.

Step-by-step guide:

4. Under Authorized redirect URLs, past your Magento 2 redirect URL. To find it, go to your Magento admin panel -> Plumrocket -> Social Login Pro -> Configurations -> Google -> Redirect URLs.
5. Click Create to finish creating credentials for your application.

Step-by-step guide:

1. Once the credentials are created, click Download to get your Client ID and Client Secret necessary to integrate Google Login to your Magento 2 store.

Step-by-step guide:

1. Once you open the file, you can find your Client ID and Client Secret.

Step-by-step guide:

1. Navigate to the APIs & Services -> Credentials panel in Cloud Console.
2. Click Create credentials, then select API key from the dropdown menu.
3. Copy your newly created API key is displayed in the API key created dialog. Copy this key to paste later in your Magento admin panel.
4. Click Restrict key to secure your API key and avoid using it by anyone from anywhere.

Step-by-step guide:

1. Name: you can edit your API Key name in this field.
2. Under the Application restrictions, select HTTP referrers (web sites).

Step-by-step guide:

3. Click Add an item and provide at least one restriction in the Website restrictions section. This way, you specify which websites can use your API key. Optionally, you can use wildcard characters (*) for the subdomain and/or path. Make sure to provide both HTTP and HTTPS paths if your domain supports both.
4. Click Save.

Step-by-step guide:

1. Go to the Google tab.
2. Set the Enable option to Yes to enable the Google integration.
3. Paste Client ID into this field.
4. Paste the Client Secret key into this field.
5. Enter your Google API Key, which can be found at your Google Developer’s account.
6. Click Save Config to save your settings.

Step-by-step guide:

1. Set the Enable option to Yes to enable Google Login on your Magento 2 website.
2. Paste the Client ID into this field.
3. Paste the Client Secret key into this field.
4. Enter your Google API Key in this field.
5. Click Save Config.