Skip to main content
Sign in
Español Français Italiano

Social Connect (Google, Facebook, PayPal, Amazon)

  • Updated

 

⚠️ This module is not available at the moment.

 

The Social Connect module, developed by PrestaShop, allows you to display login buttons via different social networks on your store. This module is ideal for saving your customers time when filling out forms in your store, making their shopping experience easier. It will boost your conversion rate by directly identifying your customers and connecting them via their preferred social networks! Find below all the necessary information to understand and use this module.

 

General settings

In this tab, you can, in the first instance, configure the appearance of your Social Login buttons. You can first choose their style: display only their outline or fill them completely and customize the rounding of their edges.

Then, you can choose the alignment of the logo and the text inside each of your buttons: in the center or on the left.

Finally, you will choose the effect you want to add to your buttons when the mouse passes over them: a shadow that gives the illusion of lifting them, hovering over your buttons in the colors of social networks or remaining sober by making your buttons black and white.

You can also, at any time, see the result of your configurations using a preview on the right of your screen.

Please note, however, that this is not exactly the final rendering of the social buttons. Indeed, the display will depend on the social networks that you have enabled and configured in the Social Networks tab. If you want to know exactly what your buttons look like, click on the button at the top right of your back office "View my store", after configuring certain social networks. In this same tab, you will have the option to choose to associate these new connections to your store, via social networks, to a specific customer group.

The module takes over the existing customer groups in your back office. To create a brand new group, specific to this module, you need: Once your choices have been adopted, do not forget to save your configurations and go to Go to the Settings menu of the store in your back office,

  1. Click on the Clients sub-menu,
  2. Press the + button at the top right of your page to add a new group of customers,
  3. Name your group and save.
  4. Your new group is now created. You can find it in the Groups drop-down menu of the Social Login module.

 

Social networks

In this tab, you will be asked to link your store to the various social network APIs offered by the Social Login module. You can enable or disable the display of your Social Login on the different forms of your store at any time.

For each social network, a tutorial will be made available to you to facilitate the generation of keys necessary for the use of the Social Login module. These keys allow you to connect your store to the API of each social network and display your Social Login. Depending on the networks, you will need to enter either your site key, secret key, or both, which will be generated by the different social media platforms. How to generate these keys connecting my store to the different network platforms?

For Facebook

  1. Go to https://developers.facebook.com/ and log in with your Facebook account.
  2. Go to My Applications > Add a new app.
  3. Name your app, enter your email address and save by clicking on Create an app ID.
  4. You are redirected. Go to the left menu Settings > General. Fill out the form with all your information. Attention: your store must be in https to be validated by Facebook.
  5. Go back to the left menu and go to Products.
  6. Select the Facebook Login product and click on Configure.
  7. Go back to the left menu Products > Facebook Login > Settings and then add your redirection URL in OAuth client settings. Save.
  8. Your app is well configured. Go back to Settings > General and copy and paste your App ID and Secret Key into the module.
  9. Your Social Login Facebook is functional.

For PayPal

  1. Go to https://developer.paypal.com/ and log in with your PayPal account.
  2. Click on Log into Dashboard at the top right.
  3. You are in My Apps & Credentials. Go to the REST API apps section and click on Create App.
  4. Name your app and click Create App again.
  5. Switch your app to Live mode.
  6. In LIVE APP SETTINGS > Live Return URL click on Show and fill in your redirection URL (copy and paste the one generated by the Social Login module) in the Live Return URL field.
  7. In App feature options, check Connect with PayPal and click on Advanced options and take note of the information requested by PayPal to use its users' data. Send an email to help-loginappreview@paypal.com containing the following:
  • The Client ID of your app.
  • The description of your app with screenshots or URL of your site with a brief explanation of the usefulness of your app/site.
  • Detail how your app will use the Connect with PayPal feature.
  • Lister the attributes you want to activate.
  • Describe how you will use each attribute and what the benefit will be for your user and why this feature is necessary for your app.
  1. When your account is validated by PayPal, count between 7 to 10 days, select Full name and Email in App feature options
  2. Save. Your app will therefore be functional with Social Login.

For Google

  1. Go to https://developers.google.com/identity/sign-in/web/sign-in and log in with your Google account.
  2. Click on CONFIGURE A PROJECT.
  3. Name your project and your product, then select Web browser to the question Where are you calling from?
  4. In Authorized Javascript Origin enter your domain name.
  5. Your Client ID is generated. Copy and paste it into the Social Login module without the .apps.googleusercontent.com.

For Amazon

  1. Go to https://developer.amazon.com/ and log in with your Amazon account.
  2. Click on Login with Amazon in the menu.
  3. Fill out the form with your information and save.
  4. You are redirected. Click on the icon in the Manage section and choose Web Settings.
  5. Click Edit and fill in the Allowed origins and Allowed Return URLs fields.
  6. Copy and paste your Client ID and paste it into the Social Login module.

 

Statistics

In this part of the module, you will have access to the statistics of your Social Login buttons. At any time, you can analyze and see the evolution of your buttons.

How many connections via Social Login has the module generated?

How many account creations via Social Login has the module generated?

You can also access the report between the number of creations via Social Login and the total number of creations in your store.

Related articles