How to create my Facebook app?

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" in the menu on the top right:

 

 

Click on "Create an app":

 

 

For some accounts (not all), Facebook asks you to choose the application's audience. If this is the case, choose "Manage integrations for your business":

 

 

Select the type of application "Consumer" to use the product "Facebook Login" and click "Continue":

 

 

Choose a name for this application to find it among others in your "Facebook for developers" account. Be careful, some terms like "Facebook" are not allowed for application names. For example, you can write the name of your shop or the name of the module:

 

 

Enter the email address where Facebook can contact you about your application:

 

 

If you have a Business Manager account, select it and click on "Create App":

 

 

Facebook may ask you for your Facebook password again for security reasons. Enter your password and validate.

You have just created your application. You will now have to set it up and link it to your Social Login module. Start by going 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):

 

 

In "User Data Deletion", select "Data Deletion Instructions URL" and copy and paste the URL of your site that explains how a user can request the deletion of his data on your site (e.g. the URL of your TOS if you have detailed in it the instructions to request the deletion of personal data):

 

 

 

Upload an image for your app. The audience should already be on "Manage integrations for your business":

 

 

Finally, select the category "Shopping" and save the changes:

 

 

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 "Add Product":

 

 

Find the "Facebook Login" product and click on "Set up":

 

 

In the menu on the left, under "Facebook Login", click on "Settings":

 

 

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".

Now go to the "App Review" section:

 

 

Click on the "Permissions and features" tab:

 

 

To be able to retrieve the email addresses and public information of the login button users, you will have to grant your application "advanced" access to the "email" and "public_profile" features. To do this, first look for these features in the first column ("Permissions and Features"), then click on the "Get Advanced Access" button for each of them:

 

 

Check each time the authorization box, click on confirm and enter your Facebook password again.

Example for "email" (same for "public_profile"):

 

 

 

In the "Access Level" column, make sure that "Advanced Access" is displayed:

 

 

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

 

 

A message appears telling you that you won't be able to access unapproved permissions or features that require App Review. But you don't need this type of permissions or features for this application so you can click "Switch Mode":

 

 

 

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

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:

 

Other FAQs in this category