Opencart Google Chrome Smart Auto Login

• Secure your website with Google Smart Lock integration.
• Allow one-click customer smart auto-login to your website.
• Provide login convenience to your customers.
• Supports the latest Google Chrome web browsers.
• The admin can enable or disable the module.
• The module supports both registered users as well as the guest users.
• Allow to save and sync account passwords with Google Chrome for automatic login.
• Save the updated or changed passwords to the Chrome.
• Ask for customer permission before saving the passwords.
• Saved passwords will appear in a pop-up display.

Opencart Google Chrome Smart Auto Login module supports multiple languages. So, this section will describe how to make the module work in different languages. Please check this link for language translation

You need to create a Google application using this link https://console.developers.google.com/project

Steps to create an Application:

1.  Go to your API & Services ->Library 

2. Now click Google+API under the section Social.

3.  Now, click the Enable button to enable the Google+ API.

4.  Now, click My Project to create a new project.

5. On clicking My Project, a pop-up will appear. Click “New Project” link.

6. Enter the name for your project so that you can identify your project. Please note that you should not include any Google word for your project name.

7. Now go to the Credentials menu option and then click on Create credentials.

8 Now, click API Key section to create the API Key and then, click the OAuth client ID section to create the Client ID.

9.  To configure the consent screen, click the “Configure consent screen” button.

10. Enter the product name that is to be shown to the users and then clicks the Save button.

11. Now, select the Application type and enter the Authorized JavaScript origins and the Authorized redirect URLs. Click the Create button.

**Note:
Set the OAuth Redirect URL like this – www.example.com/smartautologin/google/connect/

12. After clicking the Create button in the above step you will get the Client Id.

This will successfully create the Client Id which you will use while integrating the Google Smart Lock feature in the Opencart store.

After the module installation, the admin can easily configure the module settings. For this, the admin will navigate to Extensions -> Modules as per the below image.

Here, select the module and then click on the Edit icon. This will navigate the admin to the module configuration page as per the below image.

Here, the admin will:

• Status: enable the module by selecting “Enabled”. Else select “Disabled” to disable the module.
• Client Id: enter the Client Id which the admin has received while creating the app from the Google account.

And, lastly will hit the Save Config button to save the module configuration successfully.

The module allows the customers to save and sync their account passwords with Google Chrome for automatic login. The module supports both registered users as well as the guest users.

Registered Users:

At the front-end when the saved customer tries to sign-in, a pop-up will display as per the below image.

This pop-up will display the existing saved accounts with the chrome. The customers will simply select their respective account for the automatic login.

And if the customer account is not saved, the customer first needs to enter their accounts credentials as per the below image.

After hitting the Login button, the customer gets signed-in into the account and again a pop-up will get displayed.

This pop-up will ask the customers whether they want to save their passwords to the Chrome or not. If the customer selects:

• Save: the account gets saved. And next time onwards whenever the customer tries to log in, a pop-up will appear displaying the customer’s saved account. The customer will select the respective account for the automatic login.
• Never: the account will not get saved. And, every time the customer needs to feed the account credential and log in the account manually

Note: If the customers change/update their credentials. They will get the pop-up asking whether they want to save their updated passwords to the Chrome or not.

Guest Users:

At the front-end, the guest users first need to sign-up as per the below image.

After hitting the Continue button, the customer gets signed-up into the account and again a pop-up will get displayed.

This pop-up will ask the customers whether they want to save their passwords to the Chrome or not. If the customer selects:

• Save: the account gets saved. And next time onwards whenever the customer tries to log in, a pop-up will appear displaying the customer’s saved account. The customer will select the respective account for the automatic login.
• Never: the account will not get saved. And, every time the customer needs to feed the account credential and log in the account manually.