How to set up ET Social Login with Google?

  1. To create an application you have to be logged in under your own account or create a new one on google.com

  2. You can create a new application on the developers website. A step-by-step with screenshots is available below.

    1. On the developers site click on the "Create project" button

      Image 1. New application
    2. Name your application and press the "Create" button.

      Image 2. Project name
    3. Choose the "Google+ API"

      Image 3. Google+ APIs
    4. Enable "Google+ Api" and then "Go to credentials"

      Image 4. Google+ API
    5. Now choose "Google+ Api", "Web browser (javascript)", select "User data", and press the "What credentials do I need?" button.

      Image 5. App settings
    6. Specify your app's name and links to your website. Afterwards create a client ID.

      Image 6. App settings

      Authorized JavaScript origins — link to your website
      Authorized redirect URLs — link to the request processor of your website. You may find the link in your extension's settings.

    7. Specify the required e-mail address and the application name

      Image 7. Application settings

      Product name — will be shown to users when logging in to your website.

    8. After saving the form the Client ID will be shown. To specify the Client Secret, download the credential file. The Client ID is also specified in this file. Copy these lines (Client ID and Client Secret) into your extension settings.

      Image 8. Client ID and Client Secret
      Image 9. Client ID and Client Secret
      Image 10. Extension settings
  3. We recommend you to fill the Comment field with the information about the social network account. E.g. email or name of the person who was creating the application. We had a lot of cases when shop owners wanted to make some changes and found out that they don't remember which account owns the application, so they were forced to create a new one.

    Image 11. App info
  4. Everything is ready. You can check how it works on your website now.

Last modify date: Thursday, October 20, 2016