Social Login Module For Prestashop Using Google | Google Social Connect.

Social Login Module For Prestashop Using Google | Google Social Connect.


What is Social Login?


Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, or Twitter. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.


How does Social Login Works?


The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your WordPress website. If they are a new user then they are registered and if they are an existing user they are logged in.


Login with Google for PrestaShop

In our day to day life Google has become an essential commodity. Everywhere we go we use Gmail for emails, YouTube to watch videos, and Google search engine to Google anything and everything. Implementing Google social login on your PrestaShop Store is of utmost importance. Not only does it provide an ease of access to your store but it will also ficilitate an increase in your user registrations. To know how to add Google login to your website follow the steps below.

PrestaShop Google Social Login (Google Single Sign-On (SSO)) for PrestaShop Store can be achieved by using our PrestaShop Social Login Module.. In this guide we will see how to implement Google login on your PrestaShop Store in the easiest way. To know more about other features we provide in PrestaShop Social Login Module, you can click here.


Steps to Configure Google Social Login into PrestaShop

Step 1: Configure Google app for login to PrestaShop :

Follow the steps below to configure Google Social login in PrestaShop

miniorange img Configure Google Social Login
  • Go to Google developers console at https://console.developers.google.com/ and sign up/Login with your Google developer account.
  • Google PrestaShop social login
  • Click on Create Project to create a new Google Apps Project (refer to image below).
  • Google PrestaShop social login Google apps
  • Enter your Project name under the Project Name field.Next,Click on create button.
  • Google PrestaShop social login project name
  • Now, again click on Select a Project (highlighted in the image below) and select the newly created Project by clicking on the project name that you entered in the previous step.
  • Google PrestaShop social login create project
  • Go to Navigation Menu APIs & Services Oauth consent screen.
  • Select External as an User type with a Google Account.
  • Google PrestaShop social login OAuth consent
  • After In OAuth consent screen tab Enter Application name and add your site’s domain name to the Authorized domains section.(from Social Login by miniOrange app). You should also fill out the basic contact information:
  • Google PrestaShop social login OAuth consent google social login
  • Click on Credentials then Click on Create credentials button and then select OAuth Client ID from the options provided.
  • Google wp social login ClientID google social login configure
  • Select Web Application the options below Application Type.
  • Google PrestaShop social login Application google social login configure
  • Enter the Application name and enter the Redirect/Callback URI from Social Login by miniOrange app on PrestaShop under the Authorized redirect URIs field.
  • Google PrestaShop social login callback google login
  • Click on the Create button to save your configurations.
  • Copy your Client ID and Client Secret and save it in your Social Login by miniOrange app on PrestaShop (under the client id and client secret fields respectively).
  • Google PrestaShop social login Client Secret

Step 2: Setup Google login in PrestaShop Module :

  • Install Social Login Module by miniOrange. Then go to Module Manager.
  • Once you have installed it, click on Configure to go to the Social login application dashboard.
  • Google social login for PrestaShop
  • This will take you to the social login dashboard. Here, please click on Google.
  • Google social login for PrestaShop
  • Copy the Client Id and Client Secret from the Google Developer and Paste them into the fields in Google Login Instructions screen on the Social login app.
  • google social login PrestaShop
  • Click on the Save button to save the credentials. Then, Click on the Test Configuration button.
  • google social login PrestaShop configure social login module
  • A window will appear and ask you to login to your Google account. This is to Test Configuration for Google. Login with your Google account to complete the login process.
  • A notification from the app will pop-up that the test configuration was successful. That means your Custom app was set properly.
  • Google social login Test Configuration
  • Go to the App Dashboard and click on the toggle button on Google icon to activate Google login button so that people can sign-in to your store using Connect with Google.
  • Google social login is active for prestashop configure social login module
  • Now, You can see the Google social Login button is activated on your PrestaShop Store. This will allow users to connect to your store using Google.
  • Google social login icon on PrestaShop

Step 3: Display Options for Social Login Icons :

  • Navigate to Display Options and you will find all the available display options where you can display social login icons.
  • prestashop social login icons display options
  • Select all the options where you want to display social login icons.
  • presatashop select display options to display social login icons
  • All of the sections that have been enabled in the display options section will have social login icons displayed.
  • social login on all positions on PrestaShop login page

  • Conclusion:
    You have successfully configured Google Social Login for your Prestashop Store using miniorange Social Login Module .This solution ensures that you are ready to roll out easy and secure access to your Store site using miniorange Social Login Module within minutes and without any technical knowledge.

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on socialloginsupport@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com