Social Login Module For PrestaShop Using Facebook | Facebook Social Connect

Social Login Module For PrestaShop Using Facebook | Facebook 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 Facebook for PrestaShop

Facebook is one of the most popular social media platforms. Each and every person no matter young or old has a Facebook account. In today's day and age it has become essetial to give your customers the ability to login using Facebook. Keep reading to know how to implement login with Facebook on PrestaShop.

PrestaShop Facebook Social Login (Facebook 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 Facebook 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 Facebook Social Login into PrestaShop

Step 1: Configure Facebook app for login to PrestaShop :

Follow the steps below to configure Facebook Social login in PrestaShop

miniorange img Configure Facebook Social Login
  • Go to Facebook developers console by clicking here and Sign up/Login with your Facebook developer account.
  • facebook login PrestaShop
  • Go to the Facebook Developers apps page and click the button to Add New App.
  • PrestaShop for facebook login create facebook app
  • Select the options as your need to create an AppID.
  • facebook login for PrestaShop app options
  • Enter the App Display Name and Add Contact Email for your Facebook app respectively then click on Create App button to save your settings and create an App Id for your app and complete the Security Check.
  • social login details for login to PrestaShop facebook social login
  • Select Facebook Login by clicking on the Set Up button .
  • setup facebook login Configure Social Login Module for Prestashop
  • Select the Web option to integrate your Facebook Login.
  • setup web app fb login Configure Social Login Module for Prestashop
  • Next, enter the Site URL (from the social login app) and click Save. Then, click Continue.
  • PrestaShop social login facebook site URL
  • Go to Settings -> Basic to view your App Id and App Secret (Refer to the image below).
  • App Domain: Copy Domain as given the social login app and paste it here.
  • Privacy Policy URL: Enter your Privacy Policy URL here.
  • Terms of Service: Enter your Terms of Service URL here.
  • User Data Deletion:drop down, Select Data Deletion Instruction URL (Enter the URL of your page with the instructions on how users can delete their accounts).
  • Choose a category from the drop-down in the Category field and pick the App Purpose option that describes your App or your Store the best, then press Save Changes to save your configurations.
  • facebook social login basic info facebook social login Prestashop
  • Change you app status from In Development to Live by clicking on OFF as shown in the image below. Then, click on confirm to confirm your change of status.
  • facebook social login app status in development mode to live mode for Prestashop
  • Enter the Callback/Redirect URL (from Social Login by miniOrange app on your store) in the Valid OAuth Redirect URIs field. Click on the Save changes to save your configurations.

    Note: Most importantly, your Callback/Redirect URI should be https and not http. It is mandatory while configuring Facebook Login in miniOrange social login plugin for PrestaShop.
  • callback url for facebook login to PrestaShop
  • Copy your App ID and your App Secret and save it in your Social Login App on PrestaShop. (under client id and client secret field respectively).
  • setup facebook app social login PrestaShop facebook social login

Step 2: Setup Facebook 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.
  • Facebook social login for PrestaShop Configure Social Login Module for Prestashop
  • This will take you to the social login dashboard. Here, please click on Facebook.
  • Configure Social Login Module for Prestashop Facebook social login for PrestaShop
  • Copy the Client Id and Client Secret from the Facebook Developer and Paste them into the fields in Facebook Login Instructions screen on the Social login app.
  • facebook social login PrestaShop
  • Click on the Save button to save the credentials. Then, Click on the Test Configuration button.
  • facebook social login PrestaShop
  • A window will appear and ask you to login to your Facebook account. This is to Test Configuration for Facebook. Login with the account which you used to register the account in Facebook for Developer. Press the Continue as button 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.
  • facebook social login Test Configuration
  • Go to the App Dashboard and click on the toggle button on Facebook icon to activate Facebook login button so that people can sign-in to your store using Connect with Facebook.
  • facebook login active for prestashop
  • Now, You can see the Facebook social Login button is activated on your PrestaShop Store. This will allow users to connect to your store using Facebook.
  • Facebook social login icon on PrestaShop Configure Social Login Module for 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 Facebook 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.

You have successfully configured Facebook Social Login for your PrestaShop Store.


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