Setting Up Facebook Login

Add Facebook Login to your website as a convenient login for your customers.

To add Facebook Login, you'll first need to take some steps with Facebook to create an App ID.

1. To get started, click this link: https://developers.facebook.com/apps/
2. If you are already logged into Facebook, you will be taken directly to the Developer app dashboard (go to Step 3). If you are not already logged into Facebook, you will be required to enter in your FB credentials first. 
   
   
   
3. Click the  Create App button. (Depending on whether this is your first app, you will see one of two screens):
   
   
   
4. Choose the Allow people to log in with their Facebook Account option and click Next.
   
5. Next, enter the fields; 
   
   1. App Display Name - This is the app name associated with your app ID (for instance, 'Spectra Winery Login').
   2. App Contact Email - this email address is used to contact you about potential policy violations, app restrictions or steps to recover the app if it's been deleted or compromised.
   3. Select No Business Manager Account selected with the drop down menu
6. When you are finished, select Create App
7. You will be asked to enter your Facebook Login Password to continue.
   
8. Choose Products by clicking the forward symbol on the right.
   
9. Choose Quickstart.
   
   
   
10. Next, select Web
11. In Step 1 you will need to enter the site URL. 
    
    1. To get your website URL from the Commerce7 Admin panel, navigate to Settings > General and copy and paste the Website URL into the Site URL field for the Facebook Login app.
       
       
12. Once you have entered the Site URL to the field, select Save and Continue
    
    
13. On Step 2, simply select Next
    
14. On Step 3 scroll down to select Next again.
15. On Step 4 select Next again.
16. From Step 5 at the top of the screen Click to Copy the App ID by scrolling over the App ID number.
17. Now go back to Commerce7 Admin and select the Apps & Extensions tab.
18. Click on the Extensions tab at the top of the page.
19. Select the Facebook Login extension. 
20. Click Add Extension at the top right of the page.
    
21. A window will open where you can paste the App ID from your Facebook for Developers site.
    
    
22. Almost done! Back in Facebook, click on Settings > Basic.
    
23. On this page, in the Privacy Policy URL and User Data Deletion fields enter your website URL and add "/legal" to the end. Alternatively (if you already have an existing privacy policy), the URL simply needs to point to a publicly accessible page where your privacy policy is hosted.
24. Under the Category section use the drop down menu to select Business and Pages. Save Changes. 
    
    
25. Next, go to App Review and click on the Permissions and Features button.
    
26. Click the Add button for the Email and public_profile sections. You want them both to be in 'Ready for testing' Status.
    
27. Click the Go Live link in the lower left.
    
    
28. Next, click the Blue Go Live button in the lower right.
    
29. If you are already a verified business with Facebook, then you can proceed to the next step below.
    If you are not a verified Business with Facebook, you will see the following popup. Follow their instructions to become verified by clicking on the 'Learn more' link. Once verified, click the Go Live links again as described above. 
     
30. You should now see that it's in (blue) 'Live' mode at the top of the page.
    
    
    
31. Your Facebook Login is now setup!

Test it out by going to your website, clicking "Login". It's a good idea to give it a quick test to make sure that it's working properly.