PrestaShop 1.7.x. How to set up a login through Facebook account using “JX Header Account” module

“JX Header Account” module displays login and registration forms on the website. The module allows to log in and register using such social networks as Facebook, Google+ and VK, which is convenient for the website users.
  1. In your PrestaShop admin panel go to Modules -> Modules and services section. Click Installed modules tab and in the search field type “JX Header Account” to find the module. Click the Configure button to manage it: 
  2. Activate Facebook Login option. App ID and App Secret field will appear. You need to log into your Facebook in order to get App ID and App Secret values:  [notice type=”warning”]Note: you’ll need the Facebook developer account to get started. If you don’t have one, upgrade your personal Facebook account to a Facebook Developer account.
  3. Go to Facebook account for developers. At the top right corner click My Apps and choose Add New App
  4. In the appeared window, type your new App name and check your Contact Email below. Click Create App ID button at the bottom to confirm the action.
  5. Click Settings menu and add your App Domains, Contact Email and Site URL values.  
  6. Now, click Products at the bottom to add a product and choose Facebook Login there. Click Set up button.
  7. Choose WWW (website) option. 
  8. Type in your website URL.
  9. Click Settings tab. Make sure that Client OAuth login is enabled. In the Valid OAuth Redirect URIs field type the following links:
      1. Friendly URLs:
        • your_domain/module/jxheaderaccount/facebooklink (where your_domain is the name of your site domain);
        • your_domain/module/jxheaderaccount/facebooklogin (where your_domain is the name of your site domain).
      2. Not Friendly URLs:
        • your_domain/index.php?fc=module&module=jxheaderaccount&controller=facebooklogin (where your_domain is the name of your site domain);
        • your_domain/index.php?fc=module&module=jxheaderaccount&controller=facebooklink (where your_domain is the name of your site domain). 

    [notice type=”warning”]Note: if you use more than one language in your online store, it is necessary to add the corresponding locale (-s) to each link.

    For instance: your_domain/your_locale/module/jxheaderaccount/facebooklink (where your_locale (it may be en, de, es, it, fr etc.) – is the language you use).

  10. Go back to your Settings -> Basic section. At the top, you can see your App ID and App Secret valuesInsert them in Use Facebook Login field in your PrestaShop admin panel.  
  11. Click the Save button to save the changes.

Hopefully, this tutorial was helpful for you.