Comment 'Continued belowIn th...' to 'Facebook connect'
Comment to Facebook connect

  • Continued below

    1. In the left hand menu, click "Dashboard". Your app should be public and a green dot should be displayed.

    Your app is now created, configured and live. But this isn't finished yet!
    You now have to configure it in your marketplace to use it.

    Configure your Facebook App in your marketplace

    You'll have to copy some information about your app from Facebook to use it within your marketplace. If you haven't created an app at Facebook yet, please follow the instructions above. 

    1. Go to https://developers.facebook.com/ and log in.
    2. Open the app you created via the "Apps" dropdown.
    3. In the left hand menu, click "Settings" then "Basic".
    4. Copy the value in "App ID". It's a long chain of characters (numbers and sometimes letters too).
    5. Log in to your marketplace. You must be logged as an administrator.
    6. Open the admin panel ("Admin" from under the "Menu" dropdown).
    7. In the left hand menu, click "Social media".
    8. Find the "Facebook Login" section
    9. In "Facebook App ID", paste the value "App ID" you copied earlier.
    10. Go back to your app at Facebook, in the "Settings" then "Basic section.
    11. Click the "Show" button in the "App Secret" field. You may have to answer a security check.
    12. Copy the value in "App Secret". It's a long string of letters and numbers.
    13. Go back to the "Social media" settings in your marketplace.
    14. Paste the copied "App Secret" string into the "Facebook App Secret" field.
    15. Click "Save settings".

    That's it! Facebook Login is now active and set! Users will now see your Facebook App's details when they create an account or log in to your marketplace using their Facebook credentials.
    You now should take a few more moments to customize your app at Facebook.

    Customize your Facebook App

    When users create an account or log in with Facebook Login for the first time, they will be asked to authorize your app. At this point, they will see your Facebook App's logo. You should customize it to match your marketplace. Doing this helps users trust your app. 

    1. Go to https://developers.facebook.com/ and log in.
    2. Open the app that you created via the "Apps" dropdown.
    3. In the left hand menu, click "Settings" then "Basic".
    4. Upload your App icon in the correct section according to Facebook's instructions.
    5. Click "Save Changes" at the bottom right.