Overview


The One-Click Facebook Login add-on gives the users the ability to easily register and login to the website using their existing Facebook account.

This seamlessly integrates with the default login and registration system. The existing users can add or remove their linked Facebook account at any time from within their member dashboard on the website.


How To Get This Add-On
  1. Websites with the VIP Add-Ons Club automatically have this add-on available:
    Join The VIP Add-Ons Club
  2. Purchase Individually: One-Click Facebook Login Add-On


Enabling the Add-On


REQUIREMENT: Make sure to have the SSL installed on the website, otherwise the Facebook Login is not going to work.


Before the admin is able to use this great tool on the website, first create a Developer's account on Facebook. Please follow these steps in order to continue. Make sure to visit this link to get started:

https://developers.facebook.com/products/facebook-login/ 


1. Make sure that the admin is logged in on their Facebook account, otherwise, it will ask to create an account.


        https://www.facebook.com


2.  Once logged in please go to the App section of Facebook for Developers and create an app: 

       



3. In the next pop up please select Business:




4. Provide details about the app being created and click on Create App:




5. After the app has been created, it will be redirected to a new page. From there please make sure to click on Facebook Login set up:




6. In the next screen please select the Web option.


     

7. Add the URL of the website here and click Save.




8. Next go to Settings - Basics to add the website's information:




9. Please add the Privacy Policy URL and Terms of Service URL, also include the App Domains that will be using the App ID and be sure to select the best category that describes the website and click on Save Changes:




10. Make sure to complete the Data Protection Officer Contact Information if it applies to the website and save these changes. 




11. Once those steps are completed, please go to App Review - Permissions and Features.

Look for the public_profile and email and Request Advanced Access for these two. All that is required in order to make this work is the email and the person's name! Be sure that these are granted:




12. After this, go to Facebook Login - Settings, and turn on the option to Login with the Javascript SDK, also make sure to  add the domain in the Allowed Domains for the JavaScript SDK field (very important!):




13. Then copy the App ID:




14. Go back to the  Admin page and go to General Settings.




15. Click on the Integrations tab and paste the App ID in the Facebook App ID field.







Frontend Use:


The admin also has the option to Enable the Facebook Login per membership plan.


These next steps are to activate the Facebook Login per plan:


1. Once the setup has been completed, the admin will need to go to Finance - Membership Plans and edit the plan that will have the Facebook Login option enabled:




2. Click on Member's Dashboard Tab and make sure this is set to YES:



3. Make sure to Save.


Once this is set to Yes the login form will contain this option:



If it's set to No, they will not have the ability to use the Facebook login but they will be able to use their Facebook account to sign up.


Also, if there isn't a key in the field, this option will never show up on the login form. 


Additional Information:


ยป Using Facebook Login


For additional questions or help setting this up, please submit a ticket to [email protected] or create a ticket HERE.