🧩 How to Use the Facebook Login Integration

šŸ“š Learn how to store a Facebook account information in a form.

The Facebook Login Integration allows you to store a Facebook account information in a form. Learn how to use this integration in the following article:

  • Add a “Login with Facebook” button to your form
  • If the user is logged in, the button won’t be shown, and automatically, the fields will be filled with his facebook account information.
  • Map what facebook account data you want to store in a field.

Set Up a Facebook Login

The first step is to create a form. Forms are created through the Form Builder. You just need to drag and drop the fields your form needs.

Then, add a Snippet field and enter the following text:Ā <!--facebook_login-->. The text will be replaced by the Facebook Login Button. This will allow adding the button anywhere on the form.

To display the Facebook Login into the Form, you must perform the following steps:

  1. Go to the Add-ons Manager and click onĀ Facebook Login.
  2. Click theĀ Add LoginĀ button.
  3. A form will appear with the following fields:
    • Form: Select the form to work.
    • Status: Can be:
      • On: Enable
      • Off: Disable
    • Facebook App ID:Ā Click here to create your Facebook App,Ā here to learn how to configure your Faceboo AppĀ and hereĀ to learn how to see the available permission keys.
    • Facebook App Version: API Version. For example: “v4.0”
    • Facebook App Scope: For example: “email”
    • Login Button: HTML Code to display the Link with the ID: facebook-login. E.g. “Login
    • Logout Button: HTML Code to display the Link with the ID: facebook-logout. E.g. “Login
    • InĀ FieldsĀ section, you must select the Form fields that will be filled with Facebook information. In Facebook data you must enter the key used to get the information (with authorized permissions). For example, ‘name’, ‘gender’ or ‘birthday’.
    • ClickĀ Save

Disable / Enable a Facebook Login configuration

To stop a Form field temporarily, you can choose to disable and enable later.

To disable it, you must follow these steps:

  1. Go to theĀ Add-ons ManagerĀ and click onĀ Facebook Login
  2. Click theĀ ActionsĀ button of the Form to disable.
  3. ClickĀ Update.
  4. Change the state from On to Off or vice versa.
  5. ClickĀ Update.

Delete a Facebook Login configuration

To delete a Facebook Login configuration, you must perform the following steps:

  1. Select the checkbox of the Form configuration to delete
  2. ClickĀ Bulk Actions
  3. ClickĀ Delete
  4. Finally it will show a popup asking to confirm your decision to delete the configuration.

The page will reload and the selected item will be deleted.

Need Help Finding A Tutorial?

Use the WebChat in the bottom-right corner to search tutorials. Be clear and specific for best results.