{"id":3895,"date":"2017-03-16T13:13:17","date_gmt":"2017-03-16T13:13:17","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=3895"},"modified":"2022-08-13T12:01:14","modified_gmt":"2017-10-09T06:49:22","slug":"setting-up-the-prestashop-google-login-for-prestashop-sites","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/prestashop-blog\/setting-up-the-prestashop-google-login-for-prestashop-sites\/","title":{"rendered":"Setting up the PrestaShop Google Login for PrestaShop sites"},"content":{"rendered":"

A PrestaShop social login module<\/a> can be used to integrate a Google login to your eCommerce site. Social login module constitutes of several other social login options such as Facebook social login<\/a>, Twitter social login<\/a>, Drop box social login, etc. When webmasters implemented a social login for the first time, it was believed that most of the customers have an account on at least one of the social sites. So, the webmasters can effectively utilize the customers’ information in these sites to create a user account on their websites, and that too without asking the customers to fill a lengthy registration form.<\/p>\n

Why has Google Login been a success?<\/strong><\/h2>\n

Google is one of the most used, search engine, email services, and a social network. In parallel to other social sites like Facebook and Twitter, most of the customers have a Google account. So, why not utilize this platform for optimizing the user experience on the websites.<\/p>\n

Considering the PrestaShop websites, they are one of the most popular eCommerce platforms today. Everyday, a large number of new PrestaShop websites are coming live and one thing they lack is the Social login option. So, we have found a way to make this platform even more strong in terms of usability and optimization. The PrestaShop Social loginizer module<\/a> allows a perfect combination of Google login and PrestaShop to be implemented on your eCommerce site. With the availability of other 12 social login options in the same PrestaShop module, this PrestaShop social login module is a wise choice for your pocket.<\/p>\n

How does Google login work?<\/strong><\/h2>\n

One thing is clear here, you don’t have to worry about the user authentication. Google will handle that for you. When you set up a Google login on your website, the users will see a link to Google page at the Sign in and Sign up page. Something like this:<\/p>\n

\"3.1\"<\/p>\n

When the user clicks on the link, if he is already registered on your site, he will be directly logged into the website’s user account page.<\/p>\n

If he is there on your website for the first time (User not registered already), he will be asked to provide his Google login credentials in the following pop up:<\/p>\n

\"3.2\"<\/p>\n

After providing the details, just give the authorization to Google in the next step.<\/p>\n

\"3.3\"<\/p>\n

After that, the user will be directed to your website’s user page or any page that you choose. In this way, you will retrieve his\/her data that will be used on your website.<\/p>\n

Setting up PrestaShop Google login in Social login module<\/strong><\/p>\n

Step 1: <\/strong>You can use any PrestaShop Google login module. However, here I am using the Social Loginizer module here. So, you need to first download and install the PrestaShop social loginizer module (Or any PrestaShop Google login you have ).<\/p>\n

Step 2<\/strong>: After you install the module, go to configuration panel from the modules listing page.<\/p>\n

\"3.4\"<\/p>\n

Step 3<\/strong>: Enable the module in the General settings<\/em><\/strong> Tab<\/p>\n

\"1.2\"<\/p>\n

Step 4<\/strong>: Next, navigate to Google Plus Settings, you will find the following interface to setup the Google Login.<\/p>\n

\"3.5\"<\/p>\n

To setup the Google Plus login, you need two important details. Google Plus Client Id<\/em><\/strong> and Google Plus Client Secret<\/em><\/strong>.<\/p>\n

How to get the Google Plus Client Id and Google Plus Client Secret?<\/strong><\/p>\n

You can follow these steps to get the Google Plus Client Id and Google Plus Client Secret:<\/p>\n

    \n
  1. Click on the highlighted link if you are using the Social loginizer module. Otherwise you can directly visit the below URL:<\/li>\n<\/ol>\n

    https:\/\/console.developers.google.com\/project<\/p>\n

    \"3.6\"<\/p>\n

    2. Now, Click on My Project<\/em><\/strong> and then Create a project<\/em><\/strong><\/p>\n

    \"google1\"<\/p>\n

    3. Give a Name to your Project and then click Create<\/em><\/strong><\/p>\n

    \"google3\"<\/p>\n

    4.In API Setting, go to Credentials and click on Create credentials<\/em><\/strong> button.<\/p>\n

    \"google2\"<\/p>\n

    5. In the next step, you will see a pop-up. Click on OAuth client ID<\/em><\/strong><\/p>\n

    \"google3\"<\/p>\n

    6. To configure the OAuth client ID, you have to first set a product name on the consent screen. So, now, Click on Configure consent screen<\/em><\/strong> for the next step.<\/p>\n

    \"google7\"<\/p>\n

    7. Enter the details as asked in the image below and click Save<\/em><\/strong><\/p>\n

    \"google8\"<\/p>\n

    8. In the next screen select Web application. <\/em><\/strong>Then provide the App name (say Social login) and enter the URLs as shown in the image below:<\/p>\n

    \"google<\/p>\n

    Please note:<\/strong><\/p>\n