How to create a Facebook app for the Social Login module?

To set a Facebook connector on your PrestaShop website, first go to the configuration of your Social Login module and click the "Social login buttons configuration" tab. On the line of the Facebook connector, click on the pencil button to configure the connector ("edit" column):

 

 

Select YES to enable the display of the connector on your site:

 

 

To complete the following information, you must create a Facebook app.

To do this, follow this procedure:

 

Go to the Facebook for developers site and log in using your Facebook profile.

Click on "My apps" menu and select "Create app":

 

 

Enter a name for this app: you can for example write the name of your shop or the name of the module. Enter your contact e-mail address (business email address) and pass the security check (reCAPTCHA check generally):

 

 

 

You have just created a new app. You will now have to set it up and link it to your Social Login module. First go to the menu on the left and click on "Settings" -> "Basic":

 

 

Copy your app ID and paste it into the module, into the window of the Facebook login button configuration:

 

 

Click on "Show" to get the app secret key. Facebook should ask you to re-enter your Facebook profile password to get the key. Copy and paste the secret key into the module, just below the app ID:

 

 

 

Don't forget to click on the "Update" green button of the module to save the identifiers of the application you just entered:

 

 

Return to your app configuration.

Leave empty the "Namespace" field.

In "App Domains" enter the domain of your PrestaShop site. In the URL of your online shop, this is what is after https:// (and, if present, after www):

 

 

In "Privacy Policy URL" and "Terms of Service URL" fields, copy and paste the URLs of the corresponding pages of your site (this can be the same URL).

Upload an image for your app, for example your shop's logo. You can upload a JPG, GIF, or PNG file. The size of the image must be between 512 x 512 and 1024 x 1024 pixels and of 5 MB maximum.

Select the business use "Support my own business" and the category "Shopping":

 

 

Then, the following message appears:

 

 

Don't pay attention to it because in the case of this module you do not need to request any specific permissions. So, you shouldn't have to make your business verified. Then, proceed to the next step.

If your business is subject to the GDPR European regulation (General Data Protection Regulations), please provide the contact details of the person responsible for processing personal data (DPO) in your company:

 

 

Click on "Save Changes" at the bottom of the page.

You will now indicate that you are using this app for your website. Click on "Add Platform" and select "Website":

 

 

 

In the "Website" box that appears, indicate the URL of your website and save the changes:

 

 

Now go to the menu on the left and click on the small "+" next to "Products":

 

 

In "Add a product" find the "Facebook Login" product and click on "Set up":

 

 

In the left menu, click on the "Settings" tab:

 

 

In the "Valid OAuth Redirect URLs" field, copy and paste the URL given to you in the module, just below the previously pasted identifiers:

 

 

Click on the button "Save Changes".

Finally, click on the app's activation button to make it public (so that everyone can use the Facebook login button on your website):

 

 

Return in the module configuration and configure the Facebook connector position on your site (thanks to native hooks, the advanced position tool or the shortcode generator).

Test the connector to verify its function. As the creator (developer) of the Facebook app, when you test the Facebook login button on your site with your Facebook profile, you will see a red box at the bottom of the window. You are the only one who sees it, your visitors and customers will not see this message. Don't pay any attention to it, it's only an information message from Facebook: