Setting up authorization via Facebook

If you have several websites, then you have to set up authorization separately for each site.

1. Install an SSL certificate for your website’s domain name.

   If your domain name is linked to Webasyst Cloud, order a certificate via the Cloud app or in your Customer Center.

2. Sign up for an account in Facebook.
3. Open the Facebook app management page.
4. Click “Add a New App”.
   
   
5. Type any app name and your email address. Click “Create App ID”.
   
   
6. Upon saving, you will be redirected to the app management page. In section “Products → Add Product” click “Facebook Login → Set Up”.
   
   
7. A setup wizard will start. Skip it by going directly to “Products → Facebook Login → Settings”.
8. Enable “Client OAuth Login”.
   
   In field “Valid OAuth redirect URIs” enter a URL of the form
   
   https://mydomain.com/oauth.php?provider=facebook
   
   Replace mydomain.com with your website’s domain name.
   

   
   

   

9. Save your changes.
   
   
10. Go to “Settings” section and copy the vlues of “App ID” and “App Secret” fields.
    
    
11. Log into your Webasyst backend and open Site app.
12. In the website list, select the one for which you need to set up authorization via Facebook.
13. Open section “Personal”.
14. Enable authorization for the selected website.
    
    
    
    If authorization is already enabled, then click “Auth & Sign Up settings”.
    
    
15. Enable option “Third-party authorization”.
16. Check the Facebook option.
17. Paste the copied “App ID” and “App Secret” values into the provided fields.
    
    
18. Save authorization settings using the button at the page bottom.
19. Check how the authorization works:
    • Open your website in a “private” browser window or tab. Or use another browser where you are not logged in your Webasyst backend or in Facebook.
    • Click “Log in”.
    • Click the Facebook icon.
      
      
    • Type your Facebook authorization credentials.
      
      
    • Upon data submission, the page will reload to show authorized user’s personal account on your website.
20. Done! You have successfully set up authorization via Facebook on your website.